npm run dev启动element-ui，提示node_modules中webpack的版本跟package.json中webpack的版本不一致

已于 2024-06-19 20:47:04 修改
阅读量1k 收藏 13
点赞数 12
分类专栏： node element vue 文章标签： npm ui webpack
于 2024-05-23 20:54:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_43631129/article/details/139149973
版权

问题一：修改node_modules/webpack/package.json版本为4.14.0，npm run dev时版本号又自动更改为 4.47.0

问题二：使用yarn 安装依赖，webpack的版本默认是4.47.0，为什么

求大佬们帮我解答一下以上两个问题

在这里插入图片描述

左侧是node_modules/webpack/package.json

webpack版本是4.47.0

右侧是element/package.json

webpack版本是4.14.0

方案一：替换node_modules/webpack/package.json的版本

1、删除 node_modules 文件夹中的 webpack 包：
rm -rf node_modules/webpack
2、 重新安装 webpack，这次它会根据 package.json 中的版本进行安装：
yarn add webpack@4.14.0

最低0.47元/天 解锁文章
package.json，package_lock.json与node_moule
灵活的小胖子
02-23 802
最近做前端的时候，不小心把package_lock.json文件提交了，在发merge请求的时候被打回来了，备注中提到了让我查一下package_lock.json是干嘛的，到底需不需要提交。 好，那接下来让我们研究一下吧！ package.json： 提到package_lock.json不得不提到package.json，比如说，我们用vue框架搭建一个前端项目（搭建步骤请参考：https://blog.csdn.net/hejingfang123/article/details/10953493
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json
Mb_JUJI的博客
11-19 1426
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json，npm intall的区别
一个webpack插件可以检查包版本结合packagejson自动更新
08-07
一个webpack插件可以检查包版本，结合package.json，自动更新
vue npm install安装出来的modules版本和package.json中定义的版本不一致
南有乔木的博客
11-18 8386
开发时候，升级了引用module的版本，手动修改package.json文件中的版本号，然后删掉原来的module重新npm install，但是重新安装的版本号并不是我package.json中定义的版本，而依然是原来的版本。 先说解决方法： 删除vue项目根目录下的package-lock.json，重新npm install。 问题解决。至于为什么要删除package-lock.jso...
Node.js 包管理配置文件详解：package.json、npmrc、package-lock.json 全面解析
2402_84971234的博客
03-22 1555
Node.js 包管理依赖多个配置文件，如 package.json 定义项目元数据和依赖项，package-lock.json 锁定依赖版本确保一致性，.npmrc 用于配置 npm 行为如自定义镜像源，.nvmrc 指定项目所需的 Node.js 版本，node_modules/ 存放所有安装的依赖。本文详细介绍这些文件的作用、使用方法，并提供完整示例代码，帮助开发者更好地管理 Node.js 项目，避免依赖冲突，提高开发效率。
修改ButterKnife bug的实战经验
薛瑄的博客
08-01 1051
前言 不得不说ButterKnife是一个很有学习价值的项目。我从学习源码，修改bug后，最后pull request，学到了很多东西。如果你对Butterknife 源码还不了解，建议先看一下这篇文章。本文章不介绍基础的源码流程，主要是深入一部分代码，分享一些我在调试bug，修改bug的经验。 与其拿着一个黑盒子看着表面，不停得猜测里面到底哪里出了问题，不如打开盒子看一下，看懂它的逻辑，比在外面...
Vue packages version mismatch:VUE版本不匹配
锁我喉是吧
04-15 3220
我的解决方法是，先找到项目下的node_modules，删除vue-template-compiler，之后再运行 npm i vue-template-compiler@2.6.14就解决了。网上的方法有：node_modules文件和package.lock-json文件，然后将package.json文件中的vue版本号的 ^ 去除掉。再重新npm install。原因就是vue-template-compiler要和vue版本一致。
webpack、node、npm版本
cy_an的博客
11-28 236
PS D:\YIYAO1\front> npm run serve > mas-creator-admin@0.1.0 serve > node --max-old-space-size=8192 node_modules/@vue/cli-service/bin/vue-cli-service.js serve INFO Starting development server... 40% building 36/47 modules 11 active D:\YIYAO1\front\node_modules\webpack-dev-server\node_modules\strip-ansi\index.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 37/47 modules 10 active D:\YIYAO1\front\node_modules\webpack-dev-server\node_modules\strip-ansi\index.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import ╷ 9 │ @import "~element-ui/packages/theme-chalk/src/index"; │ ^^^
最新发布
05-04
3. **使用补丁工具**：比如使用patch-package给node_modules中的Element-UI打补丁，修改那些使用了旧除法语法的文件。但这需要生成补丁文件，并在安装依赖后应用补丁，可能稍微麻烦。 4. **调整Sass配置**：在sass-...
webpack手动配置vue-cli脚手架详细处理
panerchao的博客
06-03 210
【代码】webpack手动配置vue-cli脚手架详细处理。
Node.js与Webpack
Peng_jj的博客
08-08 810
Node.js 为何能执行JS?什么是 Node.js?Node.js 安装。
安装的 node 包会出现版本和项目所需要的版本不一致的问题
weixin_50827225的博客
09-19 1950
包会出现版本和项目所需要的版本不一致的问题,删除node_modules重新安装.2：删除 node_modules 包和 package-lock.json 文件。安装完成会自动生成 package-lock.json 文件。1、先安装 rimraf 工具。
Node.js与Webpack笔记（一）
lklalmq的博客
03-04 1773
Node.js 是一个独立的 JavaScript 运行环境，能独立执行 JS 代码，因为这个特点，它可以用来编写服务器后端的应用程序Node.js 作用除了编写后端应用程序，也可以对前端代码进行压缩，转译，整合等等，提高前端开发和运行效率Node.js 基于Chrome V8 引擎封装，独立执行 JS 代码，但是语法和浏览器环境的 V8 有所不同，没有 document 和 window 但是都支持 ECMAScript 标准的代码语法想要得到 Node.js 需要把这个软件安装到电脑。
package.json中webpack版本冲突
博客
11-22 807
webpack版本冲突
vue vuepress 解决npm安装依赖和package.json版本不一致
资深全栈开发工程师
03-10 2685
npm或者cnpm 安装依赖，不会完全按照package.json中的版本号来，会有稍微的差异，这样的差异可能导致项目起不来，或者报错， 因为某些包只有特定的版本才能正常运行。
webpack时候插件版本冲突问题处理
良之才的专栏
07-07 2210
webpack用来打版js 写在npm scripts里才会去找node_modules里的webpack，直接命令行运行就是全局的。 直接运行时候，本地的版本冲突，所以在package.json中修改插件版本后，通过script进行启动后冲突得到解决。 ------------------------- 详细的不多写了，npm的不同版本间的奇葩bug太多，而且需要去github社区中去详...
webpack 本地安装 查看版本号
banzhuanren1的博客
08-30 2120
1，npm install webpack webpack-cli -D 等价于 npm install webpack webpack-cli --save-dev 2 , npx webpack -v
#关于webpack版本号的问题#
weixin_38626872的博客
04-17 757
npm webpack -v 这个没用，因为这个是显示的是npm的版本新 = npm -v。npm webpacl-cli -v 这个没用，因为这个是显示的是npm的版本新 = npm -v。场景：在使用npm install 安装package.json里面的依赖的，打包，运行的使用，有时候会失败。例如当前需要 webpack 需要 5.79.0 ， webpack-cli 需要5.0.1。3：卸载webpack webpack-cli。
webpack 安装 及 查看版本号
zhaou_csdn的博客
05-26 2697
安装完node（自行找node安装教程）之后 执行以下命令： npm i webpack -g npm i webpack-cli -g 查看是否安装成功 或查看原来安装的webpack版本号，执行以下命令： npx webpack -v j局部安装 直接webpack -v 会报错 ，所以建议直接用以上命令执行 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值