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

【问题标题】：Laravel Mix unknown option '--hide-modules' errorLaravel Mix 未知选项“--hide-modules”错误
【发布时间】：2021-11-12 01:03:28
【问题描述】：

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

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

@dev E:\MY PROJECTS\Samriddhi Institute npm 运行开发

@ 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/ 设置/webpack.config.js

[webpack-cli] 错误：未知选项 '--hide-modules' [webpack-cli] 运行 'webpack --help' 查看可用的命令和选项 npm ERR！代码生命周期 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 ERR！退出状态 2 npm 错误！ 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 错误！在@失败开发脚本。 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>"

【问题讨论】：

标签： node.js laravel npm webpack laravel-mix

【解决方案1】：

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

"laravel-mix": "^5.0.9"

然后运行：

npm install

【讨论】：

【解决方案2】：

更新 Laravel Mix

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

【讨论】：

非常感谢您，我可以实施您的建议并删除所有节点模块，package.lock 文件并重新安装所有内容，现在一切正常?再次感谢
将 laravel mix 升级到最新版本后，我的 prod build CSS 几乎排除了所有 CSS 并输出了很少的样式。关于我可以从哪里开始调试该问题的任何想法？ stackoverflow.com/questions/70350578/…
我遇到了同样的问题，我曾经在每次构建后撤消对我的 app.css 的更改（使用 vs-code 源代码控制放弃）。它救了我。
这个解决方案不起作用！