npm run dev报错（webpack和webpack-cli版本冲突）

最新推荐文章于 2024-09-22 17:15:04 发布
最新推荐文章于 2024-09-22 17:15:04 发布
阅读量8.3k 收藏 1
点赞数 1
分类专栏： git学习 vue2.0笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tan47325/article/details/83375342
版权

起因是我刚加入一个项目，克隆下来vue项目，然后安装依赖，等到npm run dev时就出现问题了，问题如下：

 

找了很久的问题就是找不到，后面在别人的github看到一个相似错误，经过评论对比，发现错误是一样的，故确定是版本的错误，原文作者webpack@4.20.0版本、webpack-cli@2.1.5版本，作者认为是webpack升级到4.20.0版本，可能是某些json与旧版本不兼容，作者将webpack降级到4.18.1后就解决了这个问题。而我这个项目用的是 "webpack": "^4.16.1", "webpack-cli": "^2.1.3",与作者不一样，但原因是一样的，但由于我对webpack不熟悉，就照着那个作者的版本改了下，最后也解决了这个问题

以下是过程 ：

参考的github地址：https://github.com/webpack/webpack/issues/8082

 

芳树无人花自落
关注
专栏目录
npm run dev 后 webpack-dev-server 做了哪些事情
changyandou2020的博客
08-09 342
在终端执行npm run dev，windows上调用的是 node_modules下的 .bin 文件夹下的 npm.cmd 的批处理命令，它调用 webpack-dev-server 后的操作深入理解会帮助正确认识webpack
Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表
qq_24600981的博客
05-23 6560
这些指南只是一些常见的版本兼容性指南。在实际项目中，取决于具体的应用场景和使用的组件库，不同版本之间可能还存在其它的兼容性问题。因此，我们建议使用最新版本的 Vue、Vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时，在使用前应该先了解相应版本的官方文档和版本兼容性指南。
关于vue开发nodejs安装webpack , webpack-cli ,webpack-dev-server版本匹配选择问题
智轩软件的专栏
01-13 1054
选择以下组合版本调试通过。
Vue CLI4 0 webpack配置属性
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-22 1707
有时候，你可能需要处理一些特殊的文件类型，这时候就需要添加自定义的 loader。module: {rules: [use: [在这个例子中，我们添加了一个处理.md文件的规则，使用和来转换 Markdown 文件。
关于webpack-cli4.0的相关配置（三）
是大林的林吖-博客
05-12 296
配置多环境变量 package.json 里的 scripts 配置 dev build等，来执行不同环境 通过 npm run dev启动本地 , 执行 development 通过 npm run build 打包正式 , 执行 production 配置介绍 可以在vue.config.js里通过console.log(process)查看具体配置信息 常用的配置 process.env.NODE_ENV 会是 “development”、“production” 或 “test” 中的一个。
vue启动报错 Error: Cannot find module webpack
MrZhang的博客
03-27 6533
一、问题描述：vue启动 npm run dev 报错 Error: Cannot find module webpack bogon:marking-vue bc$ sudo npm run dev Password: > iview-project@2.0.0 dev /Users/bc/xx/marking-vue > webpack-dev-server --content-...
webpack5入门
zxl1990_ok的博客
09-03 1811
1. 初始化项目 npm init -y 注： -y的含义： yes, 在init的时候省去敲回车的步骤，生成的默认的package.json。 接着安装webpack、webpack-cli npm i -D webpack webpack-cli 注： npm i -D是npm install --save-dev的缩写， npm i -S是npm install --save的缩写 ...
npm run dev运行时报错出现foms-client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webp
qq_46687516的博客
04-30 1617
原因：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 就...
webpack-dev-server搭建本地服务器（解决webpack-cli、webpack-dev-server版本不兼容报错）08
钢铁直女
05-06 1224
webpack-dev-server搭建本地服务器webpack-dev-server搭建本地服务器，开发阶段使用1、安装webpack-dev-server（开发时依赖）2、在webpack.config.js文件中配置devServer3、运行启动解决webpack-cli、webpack-dev-server版本不兼容报错： webpack-dev-server搭建本地服务器，开发阶段使用 webpack提供的本地开发服务器，基于node.js搭建。内部使用express框架，可以实现浏览器实时更新页
运行npm run dev报错 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
08-30
综上所述，当出现npm run dev报错"'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件"时，你可以尝试全局安装vue-cli、重新安装项目依赖或者检查配置文件中的设置来解决问题。...
npm安装时一直idealTree:npm: sill idealTree buildDeps解决方案
热门推荐
qq_60582586的博客
11-10 2万+
设置镜像源：npm config set registry https://registry.npmmirror.com。４.查看下是否设置成功：npm config get registry。1.删除用户界面下的npmrc文件（注意一定是用户。C:\Users\{账户}\下的.npmrc文件。注意：尽量用管理员身份运行！５.运行npm 安装东西即可。下不是nodejs里面）
Vue: Webpack 版本安装出现的问题
科技向善
12-19 3471
在安装Webpack的过程中，可能会出现版本冲突，导致出现错误：如 npm WARN webpack-cli@3.0.8 requires a peer of webpack@^4.x.x but none is installed. You must install peer dependencies yourself. 具体参考https://www.cnblogs.com/Smiled/...
webpack学习系列（一），安装webpack与webpack-cli
qq_31847185的博客
07-15 1万+
一、问题描述在安装webpack时，输入webpack -v提示我需要安装webpack-cli，如图：二、解决因为在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。所以用 npm install webpack-cli -g 命令全局安装webpack-cli即可，当然，网络不行的小伙伴可以用cnpm，这里就不多说了。安...
webpack4系列笔记之（1）
qq_42744920的博客
05-28 88
webpack 笔记
安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）
AshleyXM的博客
03-26 1万+
ps：仅记录个人经验，如有错误欢迎指出与讨论，谢谢！ 最近学习vue要安装webpack，webpack-cli，webpack-dev-server，由于它们的版本经常会更新导致不兼容，今天安装了一上午，一直各种报错，最后找到了一个可行方案： webpack 4.41.5 webpack-cli 3.3.10 webpack-dev-server 3.10.1 以上这三个版本搭配是可行的！ （一）卸载不兼容版本 如果之前安装了其他不兼容版本可以先卸载掉！ npm uninstall webpack -g
转：如何正确彻底删除webpack 全局或是局部？
aosmlc6485的博客
05-05 787
原文链接:如何正确彻底删除webpack 全局或是局部？ 就需要卸载cli 配置webpack ，提示需要安装 webpack-cli，选择yes 后安装webpack-cli ， 可是问题不断，所以找了参考文章，卸载干净后根据文章，局部安装webpack 及 webpack-cli。 删除全局webpack-cli webpack4.x开始官方文档是说要安装cli所以如果的在用...
npm安装webpack步骤及遇到的错误
bai_cai_pei的博客
03-14 2万+
一. 步骤：1. 从node.js官网下载并安装node，一路“下一步”（傻瓜式安装）。安装完成，打开cmd命令行工具，输入 node -v，查看版本号，则说明安装成功。2.npm包管理器是集成在node中的，输入 npm -v，显示npm版本号3.创建package.json文件，输入命令 npm init，一路enter，完后输入yes或Y，这样在工程目录下就会生成一个package.json...
nmp安装插件遇到的问题
李小白的博客
02-15 1万+
通过npm安装antd时 PS D:\VscWorkspace\my-react-app> npm config get registry http://registry.npm.taobao.org/ 使用淘宝镜像安装 PS D:\VscWorkspace\my-react-app> npm install antd --save npm WARN ts-pnp@1.0.0...
webpack4.x安装和配置
weixin_30435261的博客
04-11 266
一、全局安装webpack npm install webpack -g 二、创建项目 我们在合适位置新建一个文件夹wpk-test，用于存放我们的项目。命令行中定位到webpack-test文件夹下，输入以下命令进行项目的初始化： npm init 这里，要求设置很多选项，可以按项目情况配置也可以不填直接回车。完成后，我们发现文件夹中增加了package.json文件，它用于保存关...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值