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

最新推荐文章于 2024-03-01 15:27:00 发布
最新推荐文章于 2024-03-01 15:27:00 发布
阅读量8.2k 收藏 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

 

芳树无人花自落
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目从webpack3.x升级webpack4不完全指南
11-29
前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。 原先的环境 项目原先通过Vue-cli 2.9.3 版本构建，原先使用的webpack 3.x版本 首先需要对基础包进行更新(package.json) webpack 更新到4.x版本，泡面这里更新到了4.28.3 更新webpack-dev-server，泡面更新到了3.1.14版本, 安装webpack-cli，泡面安装的是3.2.1版本 除了上面的这几个，还需要更新下面几个： vue-loader
Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表
qq_24600981的博客
05-23 4736
这些指南只是一些常见的版本兼容性指南。在实际项目中，取决于具体的应用场景和使用的组件库，不同版本之间可能还存在其它的兼容性问题。因此，我们建议使用最新版本的 Vue、Vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时，在使用前应该先了解相应版本的官方文档和版本兼容性指南。
webpack-cli
最新发布
我的博客简介
03-01 468
是 Webpack 提供的命令行工具，用于在命令行中执行 Webpack 相关的操作。主要完成以下几项工作：负责解析用户在命令行中输入的参数，包括配置文件路径、打包模式、插件等信息。通过解析这些参数，确定如何执行 Webpack 相关的操作。负责读取并解析指定的 Webpack 配置文件（通常是通过读取配置文件，知道如何进行模块打包、资源处理等操作。调用 Webpack API：通过调用 Webpack 提供的 API，将用户输入的参数和配置转化为具体的 Webpack 打包操作。
webpack自动打包npm run dev 报错：Cannot find module ‘webpack-cli/bin/config-yargs‘
cyy15729981514的博客
02-22 219
1-打开你的package.json 文件 "devDependencies": { "webpack": "^5.2.0", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0" } 发现 webpack-cli: "^4.1.0",是4.*的版本 则就会报错 2-卸载当前的 webpack-cli 指令：npm uninstall webpack-cli 3-安装 webpack-cli 3.* 版本 指令..
新手webpack打包vue项目出现各种报错，webpack，webpack-cli版本兼容问题
weixin_46029637的博客
07-26 1415
新手webpack打包vue项目出现各种报错，webpack，webpack-cli版本兼容问题
[webpack-cli] 由于webpack-cli版本问题造成的错误
小脆筒style的博客
10-20 3301
@webpack打包出现的错误：[webpack-cli] Unknown command 运行 npm run dev 出现以下错误： 解决方法 1.查看[webpack-cli] 版本是否兼容 npm webpack -v 2. 运行 npm install webpack-cli --save-dev 3. 再运行一次： npm run dev 成功啦！！！！ 如果觉得本文写得不错顺手点个赞感谢老铁！ ...
一定要知道的简单配置Webpack操作
世界和我们都不该止步于此
04-20 617
目录 一.初识Webpack-安装与配置 二.基于webpack的小案例 三.解决一些使用webpack的问题 四.webpack-dev-server 五.html-webpack-plugin 六.devServer 七.@标识符导入模块 一.初识Webpack-安装与配置 Webpack是前端工程化的一个具体解决方案 提供了友好的前端模块化开发支持、代码压缩混淆、解决浏览器对于JavaScript低级高级语言兼容性的处理，优化性能等等，极大的提高了开发的效率与项目可维护...
Webpack学习
amuist_ting的博客
10-22 500
webpack是一种打包工具 ----安装 npm install webpack webpack-cli webpack-dev-server -D ----webpack配置文件 可命名 webpack.config.js 单个总的配置文件 也可以拆分成3个配置文件，另建文件夹config，新建3个配置文件：webpack.common.js、webpack.dev.js、webpack.prod.js 其中，webpack.common.js配置文件中存放一些开发环境和生产环境公用的配置；
webpack和webpack-dev-server版本兼容，亲测有效
热门推荐
书呆子ITme
10-24 3万+
这两天准备亲手搭建一个react项目，本以为会很顺利，没想到遇到了很多兼容性的问题。刚开始遇到webpack和babel的版本不兼容，之后使用webpack-dev-server搭建服务器遇到安装的webpack和webpack-dev-server版本不兼容的问题。作为一名前端小白的我表示心很累。 现象：安装webpack之后运行正常，再安装不同版本的webpack-dev-server，出...
webpack时候插件版本冲突问题处理
良之才的专栏
07-07 2061
webpack用来打版js 写在npm scripts里才会去找node_modules里的webpack，直接命令行运行就是全局的。 直接运行时候，本地的版本冲突，所以在package.json中修改插件版本后，通过script进行启动后冲突得到解决。 ------------------------- 详细的不多写了，npm的不同版本间的奇葩bug太多，而且需要去github社区中去详...
webpackcli和webpack-dev-server兼容问题
qq_42683219的博客
02-22 2978
项目配置 "devDependencies": { "cross-env": "^7.0.3", "html-webpack-plugin": "^5.2.0", "ts-loader": "^8.0.17", "webpack": "^5.23.0", "webpack-cli": "^4.5.0", "webpack-dev-server": "^3.11.2" } 当使用官方给出方式启动webpack-dev-server时会报错， node:in
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里...
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for usage info. Hash: e040e8aa823a0e30ae4b Version: webpack 4.41.4 Time: 79ms Built at: 2019-12-23 19:52:00 ERROR in Entry module not found: Error: Can't ...
详解用vue-cli来搭建vue项目和webpack
12-12
vue-cli 用vue-cli来搭建vue项目 第一步：全局安装vue-cli sudo npm install vue-cli -g ...npm run dev 完成一个初始化vue项目 webpack 要开始一个vue项目， 那也必须要了解webpack webpack是一个前端
vue-cli与webpack处理静态资源的方法及webpack打包的坑
12-09
npm run dev //运行程序 npm run bulid //webpack打包 处理静态资源 你也许会注意到vue-cli与webpack结合的项目中，我们通常会有两个静态资源的路径：src/assets和static/，他们两者的区别是什么呢？本文主要和大家...
解决vue-cli + webpack 新建项目出错的问题
11-29
今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下： 没有给这些选项指定值：config-name, context, entry, module-bind, module-bind-post, module-bind-pre, ...
基于vue框架项目开发过程中遇到的问题总结（一）
tan47325的博客
09-18 5763
（一）关于computed修改data里变量的值 问题：computed里是不能直接修改data里变量的值，否则在git commit 时会报错 解决：在computed里使用get和set来进行获取和修改data变量，（参考下图） （二）computed里监听数组的变化 问题：computed里返回一个数组，但是在进行交换数组里两个元素的位置不能触发computed的更新（视图不能更...
vue项目全局引用其他库或插件的方法
tan47325的博客
04-26 4239
一、引入库（js文件） 例子：npm install的localForage，在main.js中全局引用 import localForage from 'localforage/src/localforage'; Vue.prototype.localForage = localForage 在其他文件中就直接引用，this.localForage.... 注意：这种方法是有局限性的，...
运行npm run dev报错 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
08-30
综上所述，当出现npm run dev报错"'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件"时，你可以尝试全局安装vue-cli、重新安装项目依赖或者检查配置文件中的设置来解决问题。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值