-
Notifications
You must be signed in to change notification settings - Fork 180
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Nuxt3 Tailwind Viewer don't work #459
Comments
I'm facing the same issue |
It works on my end, do you have a reproduction? |
https://codesandbox.io/s/smoosh-moon-oloppv |
On fresh install
|
Same for me on the fresh Nuxt v3.0.0-rc1 app. |
There is a problem in here, the viewer isn't working with Nuxt v3.0.0-rc1 |
I'm getting the same errors.. If you run tailwind viewer with this command:
It will work but It will take over the http://localhost:3000 port |
Same here |
Same here, can't open /_tailwind /_tailwind/...css 404 not found sometime only show github logo, |
Any updates on this? |
There's a pull request for it |
Could you please link it here? |
NVM i've seen it #460 |
Great that there's a fix for this :) Any estimates for when this will be merged? |
@Butch78 - Thanks for the tip! Seems like a fix is coming out soon but in the meantime I've found that you can use npx tailwind-config-viewer --port to start it on a different port, so you can run it in parallel with the nuxt app eg $ npx tailwind-config-viewer --port 3002 |
I just tried to install tailwind with nuxt3 but the viewer did not work and out of the box no config was loaded etc. So it does not seem to work with nuxt3 without manual installation. The documentation is also still showing videos with nuxt2 ... |
Issue has been fixed with the versión 1.7.1 for tailwind-config-viewer It has been merged and publish 3 days ago. We need open a new PR for nuxt with the new version package. If you need to know what version of tailwind-config-view you have, you must run the next command.
|
404 again on http://localhost:3000/_tailwind/ "nuxt": "3.0.0-rc.8",
"@nuxtjs/tailwindcss": "^5.3.2", |
Looks like a version bump broke it. 1.7.2 fails, but 1.71 works. per @DesKevinMendez
|
Same here, I'm getting this warns when tryinto to access http:localhost:3000/_tailwind This path works, and displays all tailwind viewer data, but the warn is annoying. |
I needet to set "ssr: true" to make it work. |
This problem persists in the latest version of nuxt 3 and tailwind module. Please open this again. |
Do you have |
I have same issue with fresh install. Just shows a blank page, no viewer. Don't have SSR:false or anything. Install, add to nuxt.config as module run dev and try to go to /_tailwind. `Nuxt 3.7.0 with Nitro 2.6.2 11:06:08 AM ℹ Using default Tailwind CSS file nuxt:tailwindcss 11:06:09 AM WARN 11:06:10 AM [11:06:10 AM] WARN warn - No utility classes were detected in your source files. If this is unexpected, double-check the content option in your Tailwind CSS configuration. WARN warn - https://tailwindcss.com/docs/content-configuration 11:06:10 AM ℹ Vite client warmed up in 825ms 11:06:11 AM
Nuxt 3.7.0 with Nitro 2.6.2 11:08:35 AM ℹ Using default Tailwind CSS file nuxt:tailwindcss 11:08:36 AM |
@rob-kristie-mach Did you maybe open |
I'm facing the same issue |
Same issue with latest packages "dependencies": {
"@pinia/nuxt": "^0.5.1",
"@vueuse/nuxt": "^10.5.0"
},
"devDependencies": {
"@nuxt/devtools": "latest",
"@nuxtjs/tailwindcss": "^6.8.0",
"@pinia-plugin-persistedstate/nuxt": "^1.1.2",
"nuxt": "^3.8.0",
"vue": "^3.3.6",
"vue-router": "^4.2.5"
} |
"devDependencies": { I have the same setup and it is working for me .... |
Same issue on a fresh install "devDependencies": {
"@nuxt/devtools": "^1.0.0",
"@nuxtjs/tailwindcss": "^6.9.4",
"nuxt": "^3.8.0",
"vue": "^3.3.7",
"vue-router": "^4.2.5"
} The viewer works fine when launched from I created a reproduction on stackblitz to make sure it wasn't coming from WSL or my setup |
You navigated to /modules/_tailwind. Please go to /_tailwind and it should work. |
Can I please get a confirmation if this is only happening in |
@ineshbose I don't get to choose what I navigate to within the devtool. Feel free to have a look at the stackblitz I shared and tell me if you see anything I've done wrong in |
@fabis94 Solution above worked for me -- you NEED the trailing slash. This was on a fresh install. |
I'm able to see the issues with the viewer..
Please lets continue discussing this issue in #561 |
nuxt3 use "@nuxtjs/tailwindcss": "^5.0.2"
Tailwind Viewer don't work
Canvas.vue:120 GET http://localhost:3000/_tailwind/config.json 404 (Not Found)
The text was updated successfully, but these errors were encountered: