fuyutarow / solid-chrome-extension-template

Chrome Extension Boilerplate with SolidJS + Vite + TypeScript + Manifest V3 + Hot Relaod
MIT License
102 stars 20 forks source link

yarn has tailwindcss issue, npm doesn't #9

Open Bersaelor opened 1 year ago

Bersaelor commented 1 year ago

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 > sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning " > babel-preset-solid@1.6.10" has unmet peer dependency "@babel/core@^7.0.0".
warning "babel-preset-solid > babel-plugin-jsx-dom-expressions@0.35.16" has unmet peer dependency "@babel/core@^7.20.12".
warning "babel-preset-solid > babel-plugin-jsx-dom-expressions > @babel/plugin-syntax-jsx@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > eslint-plugin-tailwindcss@3.8.3" has unmet peer dependency "tailwindcss@^3.2.2".
warning " > ts-loader@9.4.2" 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