Laravel 8安装-npm运行开发错误 [webpack cli]错误：mix.react（）现在是一个功能标志。改为使用mix.js（源、目标）.react（） 在React.register（F:\Server\work\reactlaravel\lrpc1\node\u modules\laravel mix\src\components\React.js:15:19） 在Object.components。[作为反应]（F:\Server\work\reactlaravel\lrpc1\node\u modules\laravel mix\src\components\componentregister.js:118:53） 反对。（F:\Server\work\reactlaravel\lrpc1\webpack.mix.js:14:5） 在Module.\u compile（F:\Server\work\reactlaravel\lrpc1\node\u modules\v8 compile cache\v8 compile cache.js:192:30） at Object.Module._extensions..js（internal/modules/cjs/loader.js:1157:10） 在Module.load（内部/modules/cjs/loader.js:985:32） at Function.Module._load（内部/modules/cjs/loader.js:878:14） at Module.require（内部/modules/cjs/loader.js:1025:19） 根据需要（F:\Server\work\reactlaravel\lrpc1\node\u modules\v8 compile cache\v8 compile cache.js:159:20） 在module.exports（F:\Server\work\reactlaravel\lrpc1\node\u modules\laravel mix\setup\webpack.config.js:3:5） npm错误！代码失效循环 npm错误！二号 npm ERR！@发展：`混合` npm错误！退出状态2 npm错误！ npm错误！在@development脚本中失败。 npm错误！这可能不是npm的问题。上面可能还有其他>日志记录输出。 npm错误！此运行的完整日志可在以下位置找到： npm错误！C:\Users\info\AppData\Roaming\npm cache\\ u logs\2021-01-06T04\u 36\u 25\u 320Z-debug.log npm错误！代码失效循环 npm错误！二号 npm ERR！@dev:`npm运行开发` npm错误！退出状态2 npm错误！ npm错误！在@dev脚本中失败。 npm错误！ ###这可能不是npm的问题。上面可能还有其他日志输出。 npm错误！此运行的完整日志可在以下位置找到： npm错误！C:\Users\info\AppData\Roaming\npm cache\\ u logs\2021-01-06T04\u 36\u 25\u 340Z-debug.log

要解决此问题，您需要替换此代码

mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');

使用以下代码

mix.js('resources/js/app.js', 'public/js')
.react()
.sass('resources/sass/app.scss', 'public/css', [
    //
]);

---

在webpack.mix.js文件中，您可以在Laravel应用程序根目录中找到该文件。

尝试更改package.json中的脚本

"scripts": {
    "dev": "npm run development",
    "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 --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 --config=node_modules/laravel-mix/setup/webpack.config.js"
},

试着跑

npm install

然后跑

npm install && npm run dev

---

它帮助我解决了这个问题，顺便说一句，我在使用laravel 8时遇到了同样的问题，只是删除了节点并再次成功安装了它：

rm -rf node_modules
rm package-lock.json yarn.lock
npm cache clear --force
npm install
npm run dev

---

来源：

mix.react（）现在是一个功能标志。使用mix.js（source，destination）.react（）您可能需要根据错误消息Worked for me更改webpack.mix.js。。。谢谢