我建立了新的盖茨比项目。它安装成功了，但是为什么在我启动dev服务器时失败呢？
我建立了新的盖茨比项目。它安装成功了，但是为什么在我启动dev服务器时失败呢？
提问于 2022-08-30 09:53:10
我创建了一个新的盖茨比项目。使用gatsby init命令。
这些是我选择的选项。
如您所见，它已成功安装。
但是，当我试图使用逗号npm run develop或npm start运行该项目时。它正在失败。
你可以看到下面的错误。
ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Module Error (from ./node_modules/postcss-loader/dist/cjs.js):
Loading PostCSS "tailwindcss" plugin failed: Cannot find module 'tailwindcss'
Require stack:
- /Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/utils.js
- /Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/cjs.js
- /Users/prabalsaxena/personal/projects/website/node_modules/loader-runner/lib/loadLoader.js
- /Users/prabalsaxena/personal/projects/website/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack/lib/NormalModule.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack/lib/ModuleFilenameHelpers.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack/lib/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack-dev-middleware/dist/utils/setupHooks.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack-dev-middleware/dist/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack-dev-middleware/dist/cjs.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/utils/start-server.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/services/start-webpack-server.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/services/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/state-machines/develop/services.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/state-machines/develop/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/commands/develop-process.js
- /Users/prabalsaxena/personal/projects/website/.cache/tmp-59019-3pUT5r2fgh5f
(@/Users/prabalsaxena/personal/projects/website/.cache/blank.css)
File: .cache/blank.css
failed Building development bundle - 10.132s
ERROR in ./.cache/blank.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js):
Loading PostCSS "tailwindcss" plugin failed: Cannot find module 'tailwindcss'
Require stack:
- /Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/utils.js
- /Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/cjs.js
- /Users/prabalsaxena/personal/projects/website/node_modules/loader-runner/lib/loadLoader.js
- /Users/prabalsaxena/personal/projects/website/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack/lib/NormalModule.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack/lib/ModuleFilenameHelpers.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack/lib/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack-dev-middleware/dist/utils/setupHooks.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack-dev-middleware/dist/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/webpack-dev-middleware/dist/cjs.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/utils/start-server.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/services/start-webpack-server.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/services/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/state-machines/develop/services.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/state-machines/develop/index.js
- /Users/prabalsaxena/personal/projects/website/node_modules/gatsby/dist/commands/develop-process.js
- /Users/prabalsaxena/personal/projects/website/.cache/tmp-59019-3pUT5r2fgh5f
(@/Users/prabalsaxena/personal/projects/website/.cache/blank.css)
at Object.emitError (/Users/prabalsaxena/personal/projects/website/node_modules/webpack/lib/NormalModule.js:608:6)
at getPostcssOptions (/Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/utils.js:222:19)
at Object.loader (/Users/prabalsaxena/personal/projects/website/node_modules/postcss-loader/dist/index.js:57:42)
@ ./.cache/app.js 25:0-21
1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
develop compiled with 2 errors我试过-
使用不同版本的cache.
- Installing again.
- Trying清理
- 。
当前节点版本: v14.19.1，我正在使用的机器: Mac和M1芯片。
回答 1
Stack Overflow用户
发布于 2022-08-30 16:25:07
它缺乏范围或更详细的试验，但我会尝试以下几个方面的组合：
- 将以下内容添加到
package.json中：
“工作区”：{ "nohoist"："@tailwindcss/forms"，"@tailwindcss/forms/**“}，
- 删除所有
node_modules并重新安装它们。
- Run：
npm安装最新的autoprefixer@latest
- 使用-D标志安装包：
npm I型-D尾翼机
- 将依赖项添加为devDependencies：
{ "devDependencies"：{“自动重新定位”："^10.4.4"，"postcss"："^8.4.12"，“尾部”："^3.0.23"，}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73540477
复制相关文章
相似问题
腾讯云开发者
