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

最新推荐文章于 2024-04-29 14:33:18 发布
置顶 最新推荐文章于 2024-04-29 14:33:18 发布
阅读量10w+ 收藏 117
点赞数 97
分类专栏： 前端框架 文章标签： webpack vue node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Leadyang/article/details/82705738
版权

相信很多人在使用webpack-dev-server时肯定会遇到一些问题（如下图所示）

我在学习vue框架的时候因为要使用到webpack工具，但这个工具又是基于node，而我对node没有任何基础，然后每次出现问题就在网上疯狂的找啊找，在网上诸如类似这个问题的解答很多，但是每个人的情况不一样，而我相信我的情况是最复杂的那种，试过网上所有办法之后还是没有解决，最后摸索出了一套自己的万能解决办法！

webpack-dev-server错误法则：

前往项目根目录删除node_modules文件夹，然后在项目根目录路径下的终端运行"npm install"等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，这个时候你只需要再次重复相同的操作即可，“一次不成再删再安装”！！！

Leadyang
关注
  • 97
    点赞
  • 踩
  • 117
    收藏
    觉得还不错? 一键收藏
  • 80
    评论
专栏目录
‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。已解决
weixin_49457021的博客
12-25 473
‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! myapp@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 myapp@1.0.
webpack-dev-server自动更新页面方法
11-26
这两天在看webpack，今天卡在webpack-dev-server上了，折腾了一下午，一直无法正常运行，每次服务器也提示正常启动了，但是浏览器一输入localhose:8080/admin就提示Get/…,反正就是无法打开页面。最后找到一个帖子，...
webpack-使用webpack-dev-server.rar
04-12
webpack-dev-server 为你提供了一个简单的 web 服务器，并且能够实时重新加载。这里用一个最简单的例子，让大家迅速的了解原理，避免被其他的附加技术干扰。
webpack-dev-server-waitpage:Webpack-dev-server的Webpack进度等待页面
04-28
webpack-dev-server-waitpage Webpack Webpack进度等待页面 不用等待webpack完成编译，而可以看到一个不错的进度等待页面。 安装 npm npm install -D webpack-dev-server-waitpage 纱 yarn add -D webpack-dev-server-waitpage 用法 webpack.config.js 1-将插件添加到plugins数组： const webpackDevServerWaitpage = require ( 'webpack-dev-server-waitpage' ) ; ... plugins : [ ... webpackDevServerWaitpage . plugin ( ) , ... ] . . . 注意：除了内部使用的h
# cmd 报错 “npm 不是内部或外部命令,也不是可运行的程序 或批处理文件”
最新发布
段子手168的博客
04-29 2983
# cmd 报错 “npm 不是内部或外部命令,也不是可运行的程序 或批处理文件”
‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
qq_39750019的博客
09-02 567
1，删除项目的node_modules文件夹 2，npm install 如果还不运行再安装webpack-dev-server
运行项目出现‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
nyf_unknow的博客
02-24 4898
项目场景： BCS项目运行npm run dev命令启动报错 问题描述： 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! demo@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status
命令行http服务器http-server.zip
07-18
http-server 是简单的零配置命令行 http 服务器。提供的选项：-p Port to use (defaults to 8080)-a Address to use (defaults to 0.0.0.0)-d Show directory listings (defaults to 'True')-i Display autoIndex (defaults to 'True')-e or --ext Default file extension if none supplied (defaults to 'html')-s or --silent Suppress log messages from output--cors Enable CORS via the Access-Control-Allow-Origin header-o Open browser window after staring the server-c Set cache time (in seconds) for cache-control max-age header, e.g. -c10 for 10 seconds (defaults to '3600'). To disable caching, use -c-1.-P or --proxy Proxies all requests which can't be resolved locally to the given url. e.g.: -P http://someurl.com-S or --ssl Enable https.-C or --cert Path to ssl cert file (default: cert.pem).-K or --key Path to ssl key file (default: key.pem).-r or --robots Provide a /robots.txt (whose content defaults to 'User-agent: *\nDisallow: /')-h or --help Print this list and exit. 标签：httpserver
报错‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
wzg0817的博客
07-29 1万+
—文章首发— 在我们初始化Vue项目的时候，有时候会碰到’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决方案： 方案一：看看自己的项目里面是否有node_modules文件夹， 1、如果没有就尝试执行npm install,这是因为缺少依赖包。 2、如果有就将这个node_modules文件夹删掉，重新执行npm install，等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，.
【BUG】‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
东方神剑
01-15 4531
【BUG】'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件。
‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序
PrimaryColor
10-16 1万+
node.js的版本不一致造成的。卸载当前node.js的版本，node.js并没有一个完全兼容所有项目的版本。（虽然大家都规定了不要安装13版本之后的版本，但是还是有一些新手不晓得非要跑去安装最新版）执行启动项目命令时，经常出现以上的报错，然后针对这个问题并没有标准的解决方法。一般情况使用没有安装依赖，也有可能是node.js的版本不一致造成的。是否安装成功node_modules,如果没有安装依赖，那么启动项目肯定是会报错的。如果这个区间的版本不行的话，那么就是用最新版。
webpack-dev-server：提供一个webpack应用。 根据更改更新浏览器。 文档https：webpack.js.orgconfigurationdev-server
02-05
目录入门首先，安装模块： npm install webpack-dev-server --save-dev 注意：虽然可以全局安装和运行webpack-dev-server，但建议在本地安装。 webpack-dev-server将始终在全局安装中使用本地安装。用法有两种主要的...
详解webpack-dev-server的简单使用
08-27
Webpack-dev-server 简单使用详解 本篇文章将详细介绍 Webpack-dev-server 的简单使用。Webpack-dev-server 是一个小型的 Node.js Express 服务器，它使用 Webpack-dev-middleware 来服务于 Webpack 的包。下面我们...
webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
qq_35457469的博客
08-19 2450
在配置 webpack-dev-server 的时候，遇到这个怎么一个问题： 遇到这样的问题看见就头大，不知该如何解决，经过验证，以下为解决方案之一： 第1步：如果你的项目中已经有了：node_modules文件夹，那么请将此文件夹直接删除 第2步：在项目的根目录下输入以下命令进行安装 npm install 第三步：安装成功后，输入 ： npm run dev 结果如下： ...
'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
不管多累生活也要精致
05-01 1775
前提： 电脑已经安装了nodeJS和npm, 项目是直接下载的zip包。 报错步骤为1：cd /d 目录； 2. npm ren dev -------> 报错如下： webpack-dev-server --inline --progress --config build/webpack.dev.conf.js ‘webpack-dev-server’ 不是内部或外部命令，也不是可...
‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序
热门推荐
weixin_41184962的博客
04-11 1万+
运行项目，出现以下 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序， 解决：npm install webpack-dev-server --save-dev 这一操作会 更新webpack-dev-server 版本，会重新下载安装webpack-dev-server 如果你不想下载其他的版本，可以先删除 node_models, 重新安装 ...
解决：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件
是日已过，命亦随减的博客
11-29 596
执行： npm install
webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
04-15
webpack-dev-server是一个基于webpack的开发服务器，它提供了一个简单的开发环境，可以实时重新加载页面。它可以帮助开发者在开发过程中快速预览和调试应用程序。 webpack-dev-server的主要功能包括： 1. 自动刷新：当源代码发生变化时，webpack-dev-server会自动重新编译并刷新浏览器页面，以便开发者能够实时看到修改的效果。 2. 模块热替换（Hot Module Replacement）：在不刷新整个页面的情况下，只替换发生变化的模块，从而提高开发效率。 3. 代理服务器：可以配置代理服务器，用于解决跨域请求的问题。 4. 支持多入口：可以同时运行多个入口文件，方便开发多页面应用。 使用webpack-dev-server需要先安装webpack和webpack-dev-server。安装完成后，在项目的配置文件中进行相应的配置，然后在命令行中运行`webpack-dev-server`命令即可启动开发服务器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 80
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值