为啥我无法成功运行 npm run dev？

Posted 2023-02-22

【中文标题】为啥我无法成功运行 npm run dev？

【英文标题】：why I can not run npm run dev successfully?为什么我无法成功运行 npm run dev？

【发布时间】：2019-11-03 10:36:55

【问题描述】：

cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

/Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/cli.js:93 抛出错误； ^

TypeError：无法读取未定义的属性“js” 在对象。 (/Users/xwu33/src/bioproc/webpack.mix.js:16:3) 在 Module._compile (/Users/xwu33/src/bioproc/node_modules/v8-compile-cache/v8-compile-cache.js:192:30) 在 Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10) 在 Module.load (internal/modules/cjs/loader.js:599:32) 在 tryModuleLoad (internal/modules/cjs/loader.js:538:12) 在 Function.Module._load (internal/modules/cjs/loader.js:530:3) 在 Module.require (internal/modules/cjs/loader.js:637:17) 在需要（/Users/xwu33/src/bioproc/node_modules/v8-compile-cache/v8-compile-cache.js:161:20） 在对象。 (/Users/xwu33/src/bioproc/node_modules/laravel-mix/setup/webpack.config.js:12:1) 在 Module._compile (/Users/xwu33/src/bioproc/node_modules/v8-compile-cache/v8-compile-cache.js:192:30) 在 Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10) 在 Module.load (internal/modules/cjs/loader.js:599:32) 在 tryModuleLoad (internal/modules/cjs/loader.js:538:12) 在 Function.Module._load (internal/modules/cjs/loader.js:530:3) 在 Module.require (internal/modules/cjs/loader.js:637:17) 在需要（/Users/xwu33/src/bioproc/node_modules/v8-compile-cache/v8-compile-cache.js:161:20） 在 WEBPACK_OPTIONS (/Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/utils/convert-argv.js:116:13) 在 requireConfig (/Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/utils/convert-argv.js:118:6) 在 /Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/utils/convert-argv.js:125:17 在 Array.forEach () 在 module.exports (/Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/utils/convert-argv.js:123:15) 在 yargs.parse (/Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/cli.js:71:45) 在 Object.parse (/Users/xwu33/src/bioproc/node_modules/webpack-cli/node_modules/yargs/yargs.js:567:18) 在 /Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/cli.js:49:8 在对象。 (/Users/xwu33/src/bioproc/node_modules/webpack-cli/bin/cli.js:390:3) 在 Module._compile (internal/modules/cjs/loader.js:689:30) 在 Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10) 在 Module.load (internal/modules/cjs/loader.js:599:32) 在 tryModuleLoad (internal/modules/cjs/loader.js:538:12) 在 Function.Module._load (internal/modules/cjs/loader.js:530:3) 在 Module.require (internal/modules/cjs/loader.js:637:17) 在需要（内部/模块/cjs/helpers.js:22:18） 在对象。 (/Users/xwu33/src/bioproc/node_modules/webpack/bin/webpack.js:156:2) 在 Module._compile (internal/modules/cjs/loader.js:689:30) 在 Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10) 在 Module.load (internal/modules/cjs/loader.js:599:32) npm 错误！代码生命周期 npm 错误！错误号 1 npm 错误！ @开发：cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js npm 错误！退出状态 1 npm 错误！ npm 错误！ @开发脚本失败。 npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志： npm 错误！ /Users/xwu33/.npm/_logs/2019-06-21T17_03_18_125Z-debug.log npm 错误！代码生命周期 npm 错误！错误号 1 npm 错误！ @开发者：npm run development npm 错误！退出状态 1 npm 错误！ npm 错误！ @dev 脚本失败。 npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志： npm 错误！ /Users/xwu33/.npm/_logs/2019-06-21T17_03_18_244Z-debug.log

【问题讨论】：

这是在全新的 Laravel 安装上，还是你添加了一堆更改？你的节点版本是多少？

节点版本为v10.15.2

我已经为这个项目添加了一些更改，新的 laravel 项目工作正常。我试图删除 package-lock.json 文件并运行：npm install 然后 npm run dev，但它是同样的错误。

如果一个新的 Laravel 工作正常，而这个不能，这似乎表明你的代码/修改有问题。鉴于您尚未共享它们，因此很难为您提供帮助。

当我创建一个新的 laravel 项目时。这是相同的 npm run dev 错误。

【参考方案1】：

当我像这样更改webpack.mix.js 文件时：

// TypeError: 无法读取未定义的属性 'js'

const mix = require('laravel-mix');

// 工作

const mix = require('laravel-mix');

那么它对我有用！

【参考方案2】：

删除node_modules，然后删除npm install --global cross-env，然后从package.json 中删除cross-env，然后npm run dev 工作。

【讨论】：

我发现这是关于 js 问题，当我 uodate vue 喜欢：npm update vue and install sass。然后它工作正常。