solid-chrome-extension-template
solid-chrome-extension-template copied to clipboard
yarn has tailwindcss issue, npm doesn't
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