尝试在前端部署带有tailwindcss的Laravel应用程序.但是，当我执行npm-run-dev时，我会得到一个错

Question

当在cmd中执行npm run dev时，我收到一个错误，说我需要postoss v8，而我已经有了postpass v8.3。有没有可能，顺风需要的确切版本是8，即使新版本正在发布。一切都安排好了"对"；，就像它在文件中所说的那样。这是我得到的错误，欢迎任何建议。

laravel-movies-example@1.0.0dev C:\examplep\htdocs\laravel电影示例npm运行开发

laravel-movies-example@1.0.0开发C:\examplep\htdocs\laravel电影示例cross-env NODE_env=开发NODE_modules/webpack/bin/webpack.js--进度--config=NODE_modules/lavel-mix/setup/webpack.config.js

98%在发射SizeLimitsPugin 后

ERROR编译失败，下午1:37:09出现2个错误中的错误/resources/css/app.css

模块构建失败(从./node_modules/css-loader/index.js)：ModuleBuildError:模块生成失败(从./node_modules/postpass-loader/src/index.js)：错误：PostCSS插件tailwindcss需要PostCSS 8。最终用户迁移指南：https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users在Processor.normalize(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:153:15)在新的处理器上(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:56:25)在postpass(C:\examplep\htdocs\laravel movies example\node_modules\postpass loader\node_modeles\postpass\lib\postpass.js:55:10)位于C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\src\index.js:140:12在processTicksAndRejections(internal/process/task_queues.js:93:5)位于C:\examplep\htdocs\laravel movies example\node_modules\webpack\lib\NormalModule.js:316:20位于C:\examplep\htdocs\laravel movies example\node_modules\loader-runner\lib\LoaderRunner.js:367:11位于C:\examplep\htdocs\laravel movies example\node_modules\loader-runner\lib\LoaderRunner.js:233:18在context.recallback(C:\examplep\htdocs\laravel-movies example\node_modules\loader-runner\lib\LoaderRunner.js:111:13)位于C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\src\index.js:208:9在processTicksAndRejections(internal/process/task_queues.js:93:5)

中的错误/resources/css/app.css

模块构建失败(从./node_modules/postpass-loader/src/index.js)：错误：PostCSS插件tailwindcss需要PostCSS 8。最终用户迁移指南：https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users在Processor.normalize(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:153:15)在新的处理器上(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:56:25)在postpass(C:\examplep\htdocs\laravel movies example\node_modules\postpass loader\node_modeles\postpass\lib\postpass.js:55:10)在C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\src\index.js:140:12

@/resources/css/app.css 2:14-142

Asset     Size   Chunks             Chunk Names

/js/app.js 597 KiB/js/app〔发射〕/js/app

中的错误/resources/css/app.css模块构建失败(从./node_modules/css-loader/index.js)：ModuleBuildError:模块生成失败(从./node_modules/postpass-loader/src/index.js)：错误：PostCSS插件tailwindcss需要PostCSS 8。最终用户迁移指南：https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users在Processor.normalize(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:153:15)在新的处理器上(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:56:25)在postpass(C:\examplep\htdocs\laravel movies example\node_modules\postpass loader\node_modeles\postpass\lib\postpass.js:55:10)位于C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\src\index.js:140:12在processTicksAndRejections(internal/process/task_queues.js:93:5)位于C:\examplep\htdocs\laravel movies example\node_modules\webpack\lib\NormalModule.js:316:20位于C:\examplep\htdocs\laravel movies example\node_modules\loader-runner\lib\LoaderRunner.js:367:11位于C:\examplep\htdocs\laravel movies example\node_modules\loader-runner\lib\LoaderRunner.js:233:18在context.recallback(C:\examplep\htdocs\laravel-movies example\node_modules\loader-runner\lib\LoaderRunner.js:111:13)位于C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\src\index.js:208:9在processTicksAndRejections(internal/process/task_queues.js:93:5)@/resources/css/app.css

中的错误/resources/css/app.css(./node_modules/css-loader？？ref--5-2！./node_models/postcss-loader/src？？postcss0！./resources/css-app.css)模块构建失败(从./node_modules/postpass-loader/src/index.js)：错误：PostCSS插件tailwindcss需要PostCSS 8。最终用户迁移指南：https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users在Processor.normalize(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:153:15)在新的处理器上(C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\node_modeles\postpass\lib\Processor.js:56:25)在postpass(C:\examplep\htdocs\laravel movies example\node_modules\postpass loader\node_modeles\postpass\lib\postpass.js:55:10)位于C:\examplep\htdocs\laravel movies example\node_modules\postpass-loader\src\index.js:140:12@/resources/css/app.css 2:14-142npm ERR！代码ELIFECYCLEnpm ERR！错误号2npm ERR！laravel-movies-example@1.0.0开发：cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.jsnpm ERR！退出状态2npm ERR！npm ERR！在处失败laravel-movies-example@1.0.0开发脚本。npm ERR！这可能不是npm的问题。上面可能有额外的日志输出。

npm ERR！此运行的完整日志可在以下位置找到：npm ERR！C： \Users\PC\AppData\Roaming\npm-cache_logs\2021-05-27T11_37_16_434Z-debug.lognpm ERR！代码ELIFECYCLEnpm ERR！错误号2npm ERR！laravel-movies-example@1.0.0dev:npm run developmentnpm ERR！退出状态2npm ERR！npm ERR！在处失败laravel-movies-example@1.0.0dev脚本。npm ERR！这可能不是npm的问题。上面可能有额外的日志输出。

npm ERR！此运行的完整日志可在以下位置找到：npm ERR！C： \Users\PC\AppData\Roaming\npm-cache_logs\2021-05-27T11_37_16_514Z-debug.log

Answer 1

尝试用干净项目中的package.json替换package.json。

来自清洁项目的package.json：

{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production"
},
"devDependencies": {
"@tailwindcss/forms": "^0.2.1",
"alpinejs": "^2.7.3",
"autoprefixer": "^10.1.0",
"axios": "^0.21",
"laravel-mix": "^6.0.6",
"lodash": "^4.17.19",
"postcss": "^8.2.1",
"postcss-import": "^12.0.1",
"tailwindcss": "^2.0.2"
}
}