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

7 篇文章 0 订阅
6 篇文章 0 订阅

问题一:修改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

❌存在问题:当使用npm run dev时,node_modules/webpack/package.json自动变为4.47.0,

猜想:跟node 版本有关

方案二:降低node版本

node -v : v20.12.1
然后切换成: node -v:v14.19.3,重新安装node_modules

存在问题:切换版本之后

1、npm i 安装依赖,一直报错
在这里插入图片描述
2、使用yarn可以正常安装,但是npm run dev 时,项目无法启动,提示
在这里插入图片描述

  • 使用webpack -v 未查询到webpack版本号
  • 使用 yarn global webpack@4.14.0 安装之后,在使用 npm run dev启动成功
    在这里插入图片描述

❌疑问1?修改node_modules/webpack/package.json版本为4.14.0,npm run dev时版本号又自动更改为 4.47.0

  • node_modules/webpack/package.json中的版本号是 4.47.0
    在这里插入图片描述

  • 项目中package.json 中的webpack版本是 4.14.0
    在这里插入图片描述

  • 但是使用yarn启动项目,node_modules中的webpack的版本号就由4.14.0 改为4.47.0,暂时不清楚为什么,有知道的大佬感谢留言

❌疑问2?为什么使用npm i 安装依赖,一直提示webpack版本异常

在这里插入图片描述

✅已解决:可能是node 缓存问题,清除以后重新启动就好了

删掉node_modules,删掉package-lock.json;
执行命令:rm -rf node_modules package-lock.json

清缓存
npm cache clean --force

然后重新执行:
npm i

✅也有可能是 “karma-webpack”: “^3.0.5”, 包影响的,它一直提示安装 webpac2 || 3 || 4,可以暂时先写在

使用 webpack 在 karma 中预处理文件
“karma-webpack”: “^3.0.5”, "karma-webpack包有什么作用

❌疑问3?使用yarn 安装依赖,webpack的版本默认是4.47.0,为什么

可能是yarn中默认使用的webpack的版本是4.47.0 。暂时不清楚为什么,有知道的大佬感谢留言
webpack的版本是4.47.0问答,点击跳转地址

  • 12
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm run dev 使用时出现INFO Starting development server... 10% building 2/2 modules 0 activeError: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (D:\vue-element-admin\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:471:10) at D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:503:5 at D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:358:12 at D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at iterateNormalLoaders (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:221:10) at D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:236:3 at runSyncOrAsync (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:130:11) at iterateNormalLoaders (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:232:2) at Array.<anonymous> (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:205:4) at Storage.finished (D:\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16) at D:\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9 10% building 2/5 modules 3 active ...in\node_modules\eslint-loader\index.js??ref--13-0!D:\vue-element-admin\src\main.jsnode:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen);是怎么回事
07-13

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值