Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

If there is a windicss.config.ts file in the project, the plug-in will be invalid

See original GitHub issue

https://user-images.githubusercontent.com/50100681/119481846-be8ace80-bd85-11eb-994b-0a1eaf230a2e.mp4

If there is a windicss.config.ts file in the project, and Loading Config File: xxx text (as shown in the picture below) does not appear in the OUTPUT, it seems to indicate that the loading is not successful and Windi Css Intellisense will not work.

Under what circumstances would the windicss.config.ts file be loaded as shown below to make the plug-in work?

`4T~G P1P56AH7CHS)@0ME2

I tried to find out the problem, but unfortunately I couldn’t find it. This problem has been bothering me and prevented me from developing efficiently through the plug-in in the project.😢

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:17 (8 by maintainers)

Top GitHub Comments

4reactions

alexanderniebuhrcommented, May 25, 2021

@HenryC-3 thanks for letting us know. But it seems that @jiangmaniu does not use Auto Rename Tage. @HenryC-3 your issue looks more like #132

3reactions

HenryC-3commented, May 25, 2021

Hi, @alexanderniebuhr @jiangmaniu , I met the same problem.

it can be reproduced in vite + windicss or vuecli + windicss project by following steps

windicss-vite-html-demo
disable all plugins in the workspace except WindiCSS IntelliSense and Auto Rename Tag plugin
reload window (IntelliSense works fine)
modify windi.config.ts (IntelliSense doesn’t work)

I fixed this problem by disabling Auto Rename Tag plugin, then reloading the vscode window

https://user-images.githubusercontent.com/41246463/119538200-738cad80-bdbd-11eb-9946-8e639360c1af.mov

Top Results From Across the Web

Configuring Windi CSS

By default, Windi CSS will search for the configuration file under your project's root. Valid filenames are: windi.config.ts; windi.config.js; tailwind.config.

Changelog ⚡️ FormKit — Vue Forms, Supercharged

Fixed a bug that caused the FormKit AutoAnimate plugin to fail with ... when a user attempts to submit a form but it...

javascript - Tailwindcss not working with next.js; what is wrong ...

For devs that created their project with nextJS. be aware that the content of the tailwind.config.js needs the correct paths to the files....

How to use Tailwind CSS in React to configure Create React ...

classes registered by plugins defined in your tailwind config file. Below the component import is where you would add any of your custom ......

Variant Groups in Tailwind CSS | Akash Hamirwasia

Tailwind CSS config changesWriting a custom build plugin for ... If you are already using Tailwind CSS and moving to Windi CSS is ......