Laravel Mix 未知选项“--hide-modules”错误

Question

当我尝试在 Laravel 项目中使用 Laravel Mix 编译 React 组件时，会引发错误 2 生命周期。

E:\MY PROJECTS\Samriddhi Institute> npm run dev

@dev E:\MY PROJECTS\Samriddhi Institute npm rundevelopment

@development E:\MY PROJECTS\Samriddhi Institute cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/ setup/webpack.config.js

[webpack-cli] 错误：未知选项“--hide-modules”[webpack-cli] 运行“webpack --help”以查看可用的命令和选项 npm ERR！代码 ELIFECYCLE npm 错误！errno 2 npm 错误！@开发：cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=no de_modules/laravel-mix/setup/webpack.config.jsnpm 错误！退出状态 2 npm ERR！npm 错误！@开发脚本失败。npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
C:\Users\RADHESHYAM\AppData\Roaming\npm-cache_logs\2021-09-17T05_52_36_957Z-debug.log npm 错误！代码 ELIFECYCLE npm 错误！errno 2 npm 错误！@dev：npm run developmentnpm 错误！退出状态 2 npm ERR！npm 错误！@dev 脚本失败。npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
C:\Users\RADHESHYAM\AppData\Roaming\npm-cache_logs\2021-09-17T05_52_37_148Z-debug.log PS E:\MY PROJECTS\Samriddhi Institute>"

Answer 1

更新 Laravel Mix

npm install --save-dev laravel-mix@latest

更新您的 NPM 脚本

如果您的构建引发诸如 之类的错误Unknown argument: --hide-modules，则需要更新 package.json 文件的脚本部分。Webpack 5 CLI 删除了 NPM 脚本可能引用的许多选项。

当您使用它时，请继续切换到新的 Mix CLI。

前

"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},

后

"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"
},

Answer 2

我遇到了这个问题并通过将 laravel-mix 降级为解决了它

"laravel-mix": "^5.0.9"

然后运行：

npm install