Comments (4)
Ok, can you try these things:
-
check you're if node_modules / package.json contains the
typescript-xwind-plugin
package. -
look at the
tsserver.log
file to see if there are any errors with loading the plugin.
You can view the tsserver.log
by opening a js/ts file and then pressing crtl + shift + p
to enter the command: typescript.openTsServerLog
look for [XWINDTSPLUGIN]
in the tsserver.log
This is how it should look if everything is working correctly.
Info 29 [16:11:11.006] Enabling plugin typescript-xwind-plugin from candidate paths: /home/arthie/projects/My-Personal-Website/node_modules/typescript/lib/tsserver.js/../../..,/home/arthie/.vscode-server/bin/940b5f4bb5fa47866a54529ed759d95d09ee80be/extensions/typescript-language-features
Info 30 [16:11:11.006] Loading typescript-xwind-plugin from /home/arthie/projects/My-Personal-Website/node_modules/typescript/lib/tsserver.js/../../.. (resolved to /home/arthie/projects/My-Personal-Website/node_modules/node_modules)
Info 31 [16:11:11.637] >> [XWINDTSPLUGIN] XwindTsPlugin is starting.
Info 32 [16:11:11.637] >> [XWINDTSPLUGIN] INFO CONFIG {"name":"typescript-xwind-plugin","config":"/home/arthie/projects/My-Personal-Website/tailwind.config.js","ignoreErrors":null}
Info 33 [16:11:11.637] >> [XWINDTSPLUGIN] CONFIG PATH:/home/arthie/projects/My-Personal-Website/tailwind.config.js
Info 34 [16:11:12.575] Plugin validation succeded
note:
Don't forget to disable the xwind vscode extension when testing and it should work even if vscode's typescript version is different from the workspace package.json
from xwind.
It works now, thanks for sharing debugging details too.
Plugin version in node_modules
was different than the one in package.json
.
from xwind.
Glad you like the project!
I think you might not have the correct typescript selected in your project.
Do you have a .vscode
folder with a settings.json
file containing a similar setting like below in the root folder of your project?
// path: "./.vscode/settings"
{
"typescript.tsdk": "node_modules/typescript/lib"
}
Here is a link with a guide to: Using the workspace version of TypeScript
from xwind.
Thanks for quick reply.
I tried putting .vcode folder to the root and settings.json in it, restarted VS Code. But no luck.
I also have this setting:
"typescript.tsdk": "c:\\Users\\tkaplan\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib",
and installed version of typescript is same as the one in package.json (4.13, I confirmed installed version is 4.1.3 by checking package-lock.json)
in VS code User Settings
I am using VS Code extension for now but I am still curious about why ts plugin is not working in my setup.
from xwind.
Related Issues (20)
- This look so promise, waiting for it :D HOT 5
- v14.1 broken path for tailwindcss-data HOT 6
- Rebranding @tailwindcssinjs to xwind
- nextjs example run error HOT 3
- Wrong path for removeFallbacks plugin HOT 1
- Font weight not generated with removeFallbacks plugin HOT 6
- Why must xwind be imported first before @emotion/styled ?? HOT 2
- typescript-xwind-plugin: Support tw="" syntax from twin.macro HOT 2
- objectstyles mode vs classes mode HOT 1
- Question: xwind vs twin.macro HOT 1
- Changes to the tailwind.config.js not taking effect in the xw types HOT 3
- class group not found HOT 1
- static evaluation HOT 2
- vscode-xwind: Autocomplete does not work for custom added tailwind classes
- css flicker HOT 2
- production build HOT 3
- Looks like Xwind not updated and cannot use JIT mode in TailwindCSS HOT 2
- XWind: Cannot read property 'theme' of undefined for nextjs 11 HOT 8
- Upgrade to Tailwind v3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from xwind.