vue启动项目时，报错webpack-dev-server不是内部命令也不是可运行的程序

最新推荐文章于 2025-04-07 13:58:58 发布

我爱吃干果

最新推荐文章于 2025-04-07 13:58:58 发布

阅读量423

点赞数 3

文章标签： vue.js webpack 前端开发语言 javascript

本文链接：https://blog.youkuaiyun.com/qq_65325528/article/details/140417696

版权

使用vue的webpack启动项目时，报错webpack-dev-server不是内部命令也不是可运行的程序，看百度这是因为webpack的bug。

解决方法就是卸载新版本，安装其他版本。

直接在cmd中执行：

npm remove webpack-dev-server

npm install webpack-dev-server@2.9.1  // (@2.9.1为指定的版本号，可根据实际需求更换)

npm run dev

参考原博客地址：https://blog.youkuaiyun.com/fungleo/article/details/79016838

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我爱吃干果

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

运行webpack-dev-server报错

ChrisJin的博客

07-21

601

项目场景： package.json依赖：问题描述：运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案：百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一解决方案如下：卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高

BUG收集：maven项目导包语句提示不识别+VUE项目启动报错“'webpack-dev-server' 不是内部或外部命令”

sail_computer的博客

08-03

487

入司第一周，下载项目后的运行问题后端项目报错：编译就出错，在同事的环境里可以运行，在本地提示某些包和类无法识别前端启动报错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件。后端项目报错：编译就出错，在同事的环境里可以运行，在本地提示某些包和类无法识别 @TableName这个注解无法使用，原因是baomidou.mybatisplus下的annot...

参与评论您还未登录，请先登录后发表或查看评论

【BUG】‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

东方神剑

01-15

8143

【BUG】'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件。

Webpack快速配置指南

最新发布

subibi的博客

04-07

697

通过webpack快速配置项目，适合新手入门配置简单项目。文章从node创建项目开始，教你如何一步步配置webpack，包括安装依赖、创建配置文件webpack.config.js，以及confog文件中具体每一项的设置。最终结合实际开发和生产过程，进行针对性的配置。。

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

PrimaryColor

10-16

1万+

node.js的版本不一致造成的。卸载当前node.js的版本，node.js并没有一个完全兼容所有项目的版本。（虽然大家都规定了不要安装13版本之后的版本，但是还是有一些新手不晓得非要跑去安装最新版）执行启动项目命令时，经常出现以上的报错，然后针对这个问题并没有标准的解决方法。一般情况使用没有安装依赖，也有可能是node.js的版本不一致造成的。是否安装成功node_modules,如果没有安装依赖，那么启动项目肯定是会报错的。如果这个区间的版本不行的话，那么就是用最新版。

报错‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。_webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

2401_87555402的博客

10-27

1895

2、如果有就将这个node_modules文件夹删掉，重新执行npm install，等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，这个时候你只需要再次重复相同的操作即可，“一次不成再删再安装”！在我们初始化Vue项目的时候，有时候会碰到’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。方案二：如果还是不可以就尝试第二种方法，通常是没有装依赖导致的问题。

Vue启动项目报错travel@1.0.0 dev: `webpack-dev-server--inline --progress --config build/webpack.dev.conf.js

我能在河边钓一整天的鱼

12-09

1万+

问题原因出现在webpack上。如想了解webpack请走官网，如果想了解webpack里面的文件结构，下面推荐一篇博客 https://blog.csdn.net/shan1991fei/article/details/82630656 解决方案这个东西我没有深入研究原理，只是用一种办法解决了问题。 <1>卸载你项目中的webpac...

npm run dev运行时报错出现foms-client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webp

qq_46687516的博客

04-30

1748

原因：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好,但是也不能装太老的版本办法：我们看到 webpack-cli 的版本是 4.2.0，而 webpack-cli 从4.x.x开始就没有该目录，所以我们保证webpack-cli 和 webpack-dev-server 的版本只要都是 3.x.x 就...

【webpack5】webpack-dev-server 不能正常启动

小笼包不是包的博客

01-29

3143

【webpack5】webpack-dev-server 不能正常启动一、问题 webpack-dev-server --open --config script/webpack.dev.js webpack4环境下可以正常启动，但是升级webpack5后依赖都要升级，再跑这个指令就会报错： internal/modules/cjs/loader.js:584 throw err; ^ Error: Cannot find module 'webpack-cli/bin/confi

webpack-dev-server启动报错Invalid options object

m0_54849806的博客

03-06

952

使用yarn start启动项目时报错 package.json相关依赖如下 "webpack": "^4.43.0", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.5.0" 报错信息如下： [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the

‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件

qq_39750019的博客

09-02

611

1，删除项目的node_modules文件夹 2，npm install 如果还不运行再安装webpack-dev-server

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

threelifeadv的博客

08-22

2016

vue项目中安装ElementUI后，通过npm install或cnpm install启动时，控制台报错'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序，通过baidu后发现这是webpack的新版本的BUG，这里提供两种解决方案，可以尝试解决： 1、卸载新版本，安装老版本 npm remove webpack-dev-server npm install webpack-dev-server@2.9.1 npm run dev 2、到项目的文件夹内，删除no..

报错‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

wzg0817的博客

07-29

1万+

—文章首发— 在我们初始化Vue项目的时候，有时候会碰到’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。解决方案：方案一：看看自己的项目里面是否有node_modules文件夹， 1、如果没有就尝试执行npm install,这是因为缺少依赖包。 2、如果有就将这个node_modules文件夹删掉，重新执行npm install，等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，.

webpack-dev-server 不是内部或外部命令,也不是可运行的程序或批处理文件

风也温柔☆的博客

06-03

1949

查看你安装的所有node.js版本号，以及你当前所选择的node.js运行版本。出现上述问题一般是node.js的版本不一致造成。新建一个nodejs文件夹用来存放node.js。在控制面板中卸载node.js,并删除安装目录。2.2.3.建议安装node.js 版本12的。二、解决方法：换成低版本的node.js。node.js换成12或11版本即可。2.1.先卸载高版本node.js。2.2.1.从官网下载安装包。查看可用的node.js版本号。2.2.2 查看是否安装成功。

Vue webpack-dev-server

qq_40348465的博客

12-14

1512

webpack-dev-server 核心概念 Webpack 的 ContentBase vs publicPath vs output.path webpack-dev-server 会使用当前的路径作为请求的资源路径（所谓当前的路径就是运行 webpack-dev-server 这个命令的路径，如果对 webpack-dev-server 进行了包装，比如 wcf，那么当前路径指...

vue-webpack-dev-server

shijiaolong0的博客

02-27

271

Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错

热门推荐

lon_01的博客

01-30

8万+

最近公司里做vue项目，svn了前端同事的项目代码，装好环境，运行项目（安装步骤随便百度一下，很详细），控制台里报错“‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件，随机百度解决方法，有的说需要重新装依赖包，有的说扩展用户权限，都做了，但是报错依旧。随机自己新建一个vue项目（https://segmentfault.com/a/119000

vue 项目启动失败 ‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序

阿涩的博客

10-14

5992

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

npm run dev无法启动服务器

12-31

### 解决 `npm run dev` 命令无法启动服务器的问题当执行 `npm run dev` 并遇到类似于 "Error: listen EADDRINUSE :::8080" 的端口占用错误时，这表明目标端口号已经被另一个进程所使用[^1]。 #### 方法一：更改默认端口配置如果端口冲突是由于其他应用程序占用了相同端口，则可以尝试修改项目中的端口设置。对于许多基于 Node.js 的框架来说，在项目的根目录下查找并编辑环境变量文件 `.env` 或者在启动脚本中指定不同的端口： ```bash PORT=9090 npm run dev ``` 这种方法允许开发者快速切换到未被使用的端口上运行服务。 #### 方法二：终止已存在的进程另一种方法是在操作系统层面找到正在监听该端口的服务，并将其关闭。以 Linux 和 macOS 为例，可以通过以下命令来识别和结束占用特定端口 (如 8080) 的程序: ```bash lsof -i :8080 | awk '{print $2}' | tail -n +2 | xargs kill -9 ``` 此操作会强制停止所有绑定至 8080 端口上的活动连接，从而让新的实例能够顺利接管这个端口资源。 #### 方法三：调整防火墙/安全组规则有时即使解决了本地端口冲突问题，仍然可能会因为网络权限不足而导致外部设备无法访问开发服务器。此时应该检查计算机系统的防火墙设置以及云服务商的安全组策略，确保相应的入站流量已被允许通过[^2]。 #### 方法四：使应用可从局域网内访问为了使得由 `npm run dev` 启动的应用可以从同一个 Wi-Fi 下的不同机器上浏览，通常需要将 Webpack Dev Server 配置为公开模式(`host: '0.0.0.0'`)，而不是仅限于localhost(即`127.0.0.1`). 这样做可以让任何连在同一网络内的客户端都能成功请求API接口或静态页面. ```javascript // webpack.config.js 中的部分配置项 module.exports = { // ... devServer: { host: '0.0.0.0', // 绑定所有可用IP地址 port: process.env.PORT || 8080, allowedHosts: [ '.example.com' ] } }; ```