Laravel 在安装 vue 和 npm run dev 时出错

Question

我想在 laravel 中安装 Vue， 我运行这些命令，一切正常：

composer require laravel/ui:^2.4
php artisan ui vue
php artisan ui vue --auth
npm install
npm run dev

npm run dev 给了我这个错误，我不知道该怎么办

at Object.<anonymous> (/home/alikhani97/domains/imalikhani.me/public_html/node_modules/cross-
env/src/bin/cross-env.js:3:18)
npm ERR! Linux 3.10.0-1127.10.1.el7.x86_64
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "development"
npm ERR! node v6.17.1                                                                                                   
npm ERR! npm  v3.10.10                                                                                                  
npm ERR! code ELIFECYCLE                                                                                                
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --
config=node_modules/laravel-mix/setup/webpack.config.js`                                                                               
npm ERR! Exit status 1                                                                                                  
npm ERR!                                                                                                                
npm ERR! Failed at the @ development script 'cross-env NODE_ENV=development 
node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-
mix/setup/webpack.config.js'.                                                          
                                                                                        

SyntaxError: Unexpected token )
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:549:28)
at Object.Module._extensions..js (module.js:586:10)
at Module.load (module.js:494:32)
at tryModuleLoad (module.js:453:12)
at Function.Module._load (module.js:445:3)
at Module.require (module.js:504:17)
at require (internal/module.js:20:19)
at Object.<anonymous> 

Answer 1

首先检查是否安装了跨环境模块。如果没有，请运行：

npm install cross-env

之后，您需要转到 node_modules 文件夹。然后找到cross-env文件夹。进去找到cross-env.js。

在我的例子中是 node_modules/cross-env/dist/bin/cross-env.js

您需要在 package.json 文件的脚本部分中更改 cross-env.js 的路径。

{
  "private": true,
  "scripts": {
    "dev": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },

........

}

如果上述更改已经是最新的，则删除目录

node_modules

和文件

package-lock.json

将您的 node 版本更新为 8，然后

运行命令 npm install 然后 npm run dev