solid-chrome-extension-template icon indicating copy to clipboard operation
solid-chrome-extension-template copied to clipboard

yarn has tailwindcss issue, npm doesn't

Open Bersaelor opened this issue 2 years ago • 0 comments

When checking out your project I first tried yarn:

❯ yarn
yarn install v1.22.19
info No lockfile found.
[1/4] 🔍  Resolving packages...
warning @crxjs/vite-plugin > magic-string > [email protected]: Please use @jridgewell/sourcemap-codec instead
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning " > [email protected]" has unmet peer dependency "@babel/core@^7.0.0".
warning "babel-preset-solid > [email protected]" has unmet peer dependency "@babel/core@^7.20.12".
warning "babel-preset-solid > babel-plugin-jsx-dom-expressions > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > [email protected]" has unmet peer dependency "tailwindcss@^3.2.2".
warning " > [email protected]" has unmet peer dependency "webpack@^5.0.0".
[4/4] 🔨  Building fresh packages...
success Saved lockfile.
✨  Done in 73.83s.
✨  Done in 73.83s.
❯ yarn dev
yarn run v1.22.19
$ vite build -w
vite v3.2.4 building for production...

watching for file changes...

build started...
✓ 20 modules transformed.
[vite:css] Failed to load PostCSS config (searchPath: ../chromeextension): [Error] Loading PostCSS Plugin failed: Cannot find module 'tailwindcss'
Require stack:
- ...chromeextension/postcss.config.cjs

(@/...chromeextension/postcss.config.cjs)
Error: Loading PostCSS Plugin failed: Cannot find module 'tailwindcss'
Require stack:
- ...chromeextension/postcss.config.cj

and it didn't work. With npm it seemed to work fine. I use nvm, so it correctly detected the projects .nvmrc to use v16.16.0

Bersaelor avatar Feb 18 '23 15:02 Bersaelor