为 vue-cli 运行“npm run dev”时出现跨环境问题

Posted 2023-02-22

【中文标题】为 vue-cli 运行“npm run dev”时出现跨环境问题

【英文标题】：cross-env issue when running "npm run dev" for vue-cli

【发布时间】：2017-11-11 05:48:38

【问题描述】：

我使用 Centos7，安装在 VirtualBox（真正的操作系统：Windows 7）上。

节点版本：6.10.3 Npm 版本：3.10.10

我安装了 vue-cli，像这样：

sudo npm install -g vue-cli

然后我新建了一个vue项目，像这样：

sudo vue init webpack-simple mynewproject

但运行“npm run dev”时出现错误：

> mynewproject@1.0.0 dev /var/www/html/mynewproject
> cross-env NODE_ENV=development webpack-dev-server --open --hot

sh: cross-env : commande introuvable

npm ERR! Linux 3.10.0-514.el7.x86_64
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "dev"
npm ERR! node v6.10.3
npm ERR! npm  v3.10.10
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! vuetest@1.0.0 dev: `cross-env NODE_ENV=development webpack-dev-server --open --hot`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the mynewproject@1.0.0 dev script 'cross-env NODE_ENV=development webpack-dev-server --open --hot'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the vuetest package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cross-env NODE_ENV=development webpack-dev-server --open --hot
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs vuetest
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls vuetest
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /var/www/html/mynewproject/npm-debug.log

有人知道怎么解决吗？

【问题讨论】：

我可以推荐你试试这个：npm install -g webpack-dev-server 然后 cd 进入你的项目文件夹并运行webpack-dev-server --inline --hot

【参考方案1】：

你需要cd到你的项目目录并运行：

npm install

您可以在webpack-simple github repo上找到说明