当我尝试在 Laravel 项目中使用 Laravel Mix 编译 React 组件时,会引发错误 2 生命周期。
E:\MY PROJECTS\Samriddhi Institute> npm run dev
@ dev E:\我的项目\Samriddhi Institute npm 运行开发
@ 开发 E:\MY PROJECTS\Samriddhi Institute cross-env NODE_ENV=开发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!代码 ELIFECYCLE npm 错误! errno 2 npm 错误! @开发:
npm 错误!退出状态2 npm 错误! npm 错误! @开发脚本失败。 npm 错误!这是 可能不是 npm 的问题。可能有额外的日志记录 输出如上。cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=no de_modules/laravel-mix/setup/webpack.config.js
npm 错误!可以在以下位置找到此运行的完整日志:npm ERR!
C:\Users\RADHESHYAM\AppData\Roaming pm-cache_logs�1-09-17T05_52_36_957Z-debug.log npm 错误!代码 ELIFECYCLE npm 错误! errno 2 npm 错误! @dev:npm 错误!退出状态 2 npm ERR! npm 错误! @失败 开发脚本。 npm 错误!这可能不是 npm 的问题。有 上面可能有额外的日志输出。npm run development
npm 错误!可以在以下位置找到此运行的完整日志:npm ERR!
C:\Users\RADHESHYAM\AppData\Roaming pm-cache_logs�1-09-17T05_52_37_148Z-debug.log PS E:\我的项目\Samriddhi Institute>"
更新 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"
},
我遇到了这个问题,并通过将 laravel-mix 降级为
解决了它"laravel-mix": "^5.0.9"
然后运行:
npm install
从 package.json 中删除 --hide-modules ,然后运行 npm run dev 它将运行而不会出现错误。
我在 ubuntu 22.04 上使用以下库版本的 laravel 项目时遇到了类似的错误:
laravel-mix: 6.0.49,
npm version: 8.19.4
我通过编辑
package.json
文件解决了错误,如下所示:
之前----------------:
"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 --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"
之后----------------:
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --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 --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 --config=node_modules/laravel-mix/setup/webpack.config.js"
注意:我删除了
--hide-modules
而且成功了!
就我而言,我必须切换到node版本14,因为我在18。 我的脚步。
(1) 查看当前节点版本。
nvm list # -->v18.4
(2)切换到节点14。
nvm use 14.19
(3) 再次安装
npm install
(4) 运行开发
npm run dev
成功了。