'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序

小鱼儿 2023-06-25 03:11 16阅读 0赞

# ['webpack-dev-server' 不是内部或外部命令，也不是可运行的程序][webpack-dev-server_] #

摘自：https://www.cnblogs.com/laraLee/p/9174383.html

### [Vue 项目： npm run dev b报错 “'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。”][Vue _ npm run dev b_ _webpack-dev-server_ _]  ###

前提： 电脑已经安装了nodeJS和npm,  项目是直接下载的zip包。 报错步骤为1：cd /d 目录； 2. npm ren dev  -------> 报错如下：

> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序  
或批处理文件。  
npm ERR! code ELIFECYCLE  
npm ERR! errno 1  
npm ERR! vue@1.0.0 dev: \`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js\`  
npm ERR! Exit status 1  
npm ERR!  
npm ERR! Failed at the vue@1.0.0 dev script.  
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.  
npm WARN Local package.json exists, but node\_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:  
npm ERR! C:\\Users\\lara\\AppData\\Roaming\\npm-cache\\\_logs\\2018-06-12T09\_40\_42\_892Z-debug.log

”

哎，报错以后一脸懵逼，心想，不是说直接run Dev 就可以打开么！！！ 冷静一下， 上网查原因。 网上很多都是从创建Vue项目开始，没有查到怎么打开一个项目。

隐约觉得是安装的问题，终于看到： https://blog.csdn.net/lon\_01/article/details/79203698 这位大神的方法， 试了以后， 嘿嘿，8080打开了~~~

我的步骤：

1. 我没有找到node\_modules”文件夹，所以直接在项目目录下： npm install;

2. npm run build;

3. npm run dev 成功后等几秒自动打开了localhost:8080

另外： 很久之前安装的node是需要升级的， 项目package.json中有最低版本的要求，所以要注意！

[webpack-dev-server_]: https://www.cnblogs.com/yuwentims/articles/9377269.html
[Vue _ npm run dev b_ _webpack-dev-server_ _]: https://www.cnblogs.com/laraLee/p/9174383.html