vue npm启动项目报错 webpack-dev-server

最新推荐文章于 2024-04-29 13:37:26 发布
最新推荐文章于 2024-04-29 13:37:26 发布
阅读量525 收藏 1
点赞数 1
分类专栏： vue.js npm报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zanxin0331/article/details/106367971
版权

换了电脑重新装vue脚手架。一样的步骤突然报错  'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序。

查了各种方法说什么 node.js版本太新不兼容或者删了node_module文件重新install一下，再有提示(use `npm audit fix --force` to install breaking changes; or refer to `npm audit` for steps to fix these manually)需npm audit fix下再npm audit fix --force一下。都尝试过，没能解决办法。

最后试了下镜像安装 cnpm install 下

成了

最后再run一下

记录一下踩过的坑

要跑啊少年。
关注
专栏目录
vue项目初始化时npm run dev报错webpack-dev-server解决方法
weixin_45459904的博客
12-17 7704
原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好 webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低 （1）、npm uninstall webpack-dev-server （2）、npm install webpack-dev-server@2.9.1 （3）、npm run dev 如何执行npm uninstall webpack-dev-server 也报错的话只能用下面方法了 原因是你的node_mod
运行vue项目报错'webpack-dev-server' ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еij▒▒▒ ▒▒▒▒▒▒▒▒▒ļ▒▒▒
Hero_rong的博客
06-18 3140
如上图所示，这就是依赖包出问题了，我们把所有依赖删掉重新下载即可，找到项目所在的文件夹，删掉node_modules文件夹，然后运行npm install 初始化项目重新下载依赖，再次npm run dev项目就可以运行起来了 下载好了安装node-sass、sass-loader、style-loader ，不安装会报错，安装命令如下 cnpm install node...
Vue项目碰到"‘webpack-dev-server’报错问题
weixin_30752377的博客
07-06 260
Vue项目碰到“'webpack-dev-server'不是内部或外部命令，也不是可运行的程序或批处理文件”报错 转载于:https://www.cnblogs.com/knuzy/p/9273008.html
webpack-dev-server@2.11.5@webpack-dev-server/client/index.js错误
yijie_0_的博客
05-08 7311
今天运行vue项目遇到的一个问题，查了很久百度还是没有查到原因 最后一个一个文件排查，在webpack.base.conf.js找到了配置没有安装的插件，把下方注释掉就好 解决答案：查出没有安装的插件但又引用了的 ...
Vue项目运行报错，‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
热门推荐
a12hhhe的博客
05-07 3万+
刚导入的Vue项目报'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。错误 在项目的控制台输入以下命令： npm install webpack-dev-server --save-dev 文件加载完成之后运行： npm run dev ...
解决@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
weixin_44257822的博客
01-16 1631
根据package.json文件中的scripts。
解决webpack打包出现问题：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
King Saj
05-08 881
今天使用webpack打包,发现报错! 发现解决办法是: 前往项目根目录删除node_modules文件夹，然后在项目根目录路径下的终端运行"npm install"等待安装完之后，再次运行“npm run dev” …发现依旧报错… 然后 尝试着 npm install webpack-dev-server 发现竟然好了. ...
vue项目中的webpack-dev-sever配置方法
08-28
配置完成后，你可以通过运行`npm run serve` 或者 `yarn serve` 来启动开发服务器，这将会根据`vue.config.js` 中的设置运行`webpack-dev-server`。 6. **访问项目**： 在同一局域网下的其他设备上，通过`...
webpack运行报错 webpack-dev-server.... 解决方法
sunshime的博客
07-31 5515
报错情况： The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using y...
【JavaScript源代码】vue项目配置 webpack-obfuscator 进行代码加密混淆的实现.docx
12-29
npm install --save-dev webpack-obfuscator ``` **配置**： 在Vue项目中，配置`webpack-obfuscator`的方法取决于你使用的是Vue CLI的哪个版本。 对于Vue CLI 3.x或更高版本，你可以在`vue.config.js`文件中进行...
Vue基础技术 webpack-dev-server的配置和使用_loglevel webpack-dev-server(1)
最新发布
2401_84434880的博客
04-29 349
它是给我们的webpack在编译的过程当中以及在我们的页面上和我们自己编写的js代码的时候，如果想要去判断当前项目的环境，我们都可以通过调用process.env.NODE_ENV来获取环境信息进行逻辑判断，也就是说在这里面定义的变量信息在我们编写的代码中是可以引用到的。我们可以借助一个webpack包cross-env这个包，为什么要使用这个包呢？因为不同平台上我们设置环境变量的方式是不一样的，我们不想为不同的平台编写不同的命令，所以我们借助使用这个包来处理不同平台的差异。1.4.1 安装插件包。
vue中vue-cli项目各种报错
qq_42396791的博客
04-24 481
vue中vue-cli项目各种报错
vue项目启动命令个人笔记
BHSZZY的博客
12-12 2万+
1.上方的启动命令与相关文件，是根据本人的项目总结的，仅供参考，不同项目细节可能不同。2.项目启动命令可以自己配置，过程如上，需要熟悉node_modules中的一些依赖方法。（本人新学，好多都不熟悉，无从入手，只能先看，总结一波自己理解的）3.可以配置本地vue项目启动时、端口号与访问前缀路径；需要注意的是，项目打包部署到服务器上后又会有所区别，服务器上主要是在nginx中配置访问端口与前缀路径的，而不是在vue项目中。
vue启动项目时报错：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
张张张的博客
05-27 2858
前端运行项目时报错，排查一下以下这些原因： 1：首先检查config下的index.js的ip是否填写错误 2：有可能是依赖包的问题，可以吧文件夹中的node_modules删除，使用npm install或cnpm install重新引入。 3：检查一下npm，node，webpack的版本和项目的支持版本是否对应(项目中package.json可以看相关版本信息) 另外注意一下 如果是mac本起项目报错：TypeError:fsevents is not a constructor,可..
Vue基础技术|webpack-dev-server的配置和使用
小酒屋
07-14 1万+
这部分主要说一下如何配置我们的webpack-dev-server让我们可以在开发的过程中体验到一个非常高效又非常方便的开发模式，提高我们的开发效率，webpack-dev-server是webpack的包，首先需要安装这个webpack包 ➜ vue-demo npm install webpack-dev-server@2.9.7 npm WARN vue-demo@1.0.0 No r...
启动vue项目报错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
二萌偏的博客
11-08 3万+
使用vue-cli创建的项目，一路安装与报错，最后在启动vue的时候报错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序，找到了这个博主的文章：https://blog.csdn.net/lon_01/article/details/79203698#commentBox 我的操作： 1、先将自己项目中的“node_modules”文件删除掉。 2、如果使用...
启动vue项目webpack-dev-server报错
dyxbhb的博客
10-28 6859
启动vue项目后，提示“webpack-dev-server不是内部命令，也不是外部命令”。 这时候只要在项目目录下执行npm install webpack-dev-server -g即可。 npm install webpack-dev-server -g 重新运行npm run dev。 ...
解决在npm run dev 运行vue项目时遇到的webpack 报错问题
xieqian0204的博客
02-27 4522
报错情况： 碰到这种情况  首先  webpack -v  查看是否已安装了webpack, 如果出现版本号，证明安装成功，如果没有版本号，就npm install -g webpack  安装webpack 如果是以下情况  ，证明失败 ， 可以  npm cache clean --force  清除缓存  然后在npm install -g webpack 安装webpack;...
运行vue项目报错'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
02-29
npm install -g webpack-dev-server ``` 3. 如果以上步骤都没有解决问题，可能是由于webpack-dev-server的版本不兼容导致的。你可以尝试升级或降级webpack-dev-server的版本，以解决与其他依赖项的兼容性问题。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值