webpack-dev-server‘ 不是内部或外部命令

最新推荐文章于 2024-10-27 20:04:59 发布

rich@cai

最新推荐文章于 2024-10-27 20:04:59 发布

阅读量6.1k

点赞数 1

分类专栏： Vue 文章标签： npm webpack

本文链接：https://blog.youkuaiyun.com/caihuawei123/article/details/116199226

版权

Vue 专栏收录该内容

10 篇文章

订阅专栏

在执行`npm run dev`时遇到了'webpack-dev-server'不是内部或外部命令的错误，原因是webpack-dev-server的最新版本存在bug。解决方法包括在package.json中指定webpack-dev-server的低版本（如2.9.1），然后重新安装依赖。可以尝试通过删除node_modules目录并重新`npm install`，或者单独卸载并安装webpack-dev-server@2.9.1，或者直接删除node_modules后再`npm install`和`npm run dev`。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm run dev

fortune@1.0.0 dev D:\work\uni\fs\fengshui_vue
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! fortune@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 fortune@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2021-04-27T05_40_41_162Z-debug.log

原因：新版的webpack-dev-server 3.1.14 存在问题。

解决方法：package.json 中指定 webpack-dev-server 低版本号

方法1：

“webpack-dev-server”: “^2.9.1”

删除 node_modules 目录，再重新安装依赖包

npm install -S // 这种方式安装的时间会长些，也可以只重装 webpack-dev-server模块

**方法2：**单独重装 webpack-dev-server模块

（1）npm uninstall webpack-dev-server

（2）npm install webpack-dev-server@2.9.1

（3）npm run dev

**方法3：**单独重装 webpack-dev-server模块

删除node_modules ，重新npm install 然后 npm run dev