question-mark
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.

Tailwind Viewer doesn't work in 4.0.0/4.0.1

See original GitHub issue

Version

@nuxtjs/tailwindcss: 4.0.1 nuxt: 2.15.3 node: 14.15.4 npm: 7.5.4

Reproduction Link

N/A

Steps to reproduce

Create a fresh Nuxt project with version 2.15.3 (I used npm init nuxt-app nuxt-tailwind2-test). Then follow steps from https://tailwindcss.nuxtjs.org/setup to install TailwindCSS

What is Expected?

Running npm run dev should start the tailwind viewer at http://localhost:3000/_tailwind/

What is actually happening?

I’m getting the error message Cannot find module 'tailwindcss/resolveConfig' when running npm run dev. Tailwind CSS compilation and Nuxt dev server works though.

Bildschirmfoto 2021-03-16 um 11 33 27

The error doesn’t appear if I set viewer: false for tailwind in the nuxt.config.js

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
Atinuxcommented, Mar 16, 2021

Can you tell that when running npm install tailwindcss it works?

1reaction
rogdencommented, Mar 16, 2021

@pi0 Your fix is merged in v1.5.1

Read more comments on GitHub >

github_iconTop Results From Across the Web

Issue - GitHub
Tailwind Viewer doesn't work in 4.0.0/4.0.1 #297 ... Tailwind CSS compilation and Nuxt dev server works though.
Read more >
Tailwind CSS classes is not working in my project?
This error is due to tailwind not finding any classes to scan in what it 'thinks' is your HTML code directories.
Read more >
tailwind-config-viewer - npm
Start using tailwind-config-viewer in your project by running `npm i tailwind-config-viewer`. There are 16 other projects in the npm ...
Read more >
Content Configuration - Tailwind CSS
Configuring source paths. Tailwind CSS works by scanning all of your HTML, JavaScript components, and any other template files for class names, ...
Read more >
How to use Tailwind CSS in React to configure Create React ...
We demonstrate how to get Tailwind CSS working inside a CRA-based React ... Since Create React App doesn't let you override the PostCSS ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found