降低webpack版本, 完全卸载webpack,再重新安装

最新推荐文章于 2025-05-28 09:46:10 发布
原创 最新推荐文章于 2025-05-28 09:46:10 发布 · 9.4k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

1. 安装

在全局下安装：npm install webpack -g

安装指定版本：npm install webpack@ -g 例如：npm install webpack@3.6.0 -g

如果只是用来练习全局安装就可以了，一开始装了个4.8.7版本的，node也是最新的npm也好着，一打包就出问

题, 查了一下发现原因是webpack版本太高, 以前的打包命令在新版本不适用, 所以决定将webpack版本降低到

3.6
在这里插入图片描述

2. 删除

在全局下删除 npm uninstall webpack -g

最好将项目目录下的node-modules一起删除，否则会有残留文件影响下一次的结果。

【Webpack】Webpack踩坑，初次安装版本不合适问题
Jayant89的博客
05-30 6220
初次安装webpack进行项目打包时，按照安装语句：npm install webpack -g默认进行了版本安装，但初次接触，由于webpack4.0以上版本，已经分离了webpack-cli ,所以目前，无论是学习还是开发项目，我们可以先选择之前较为稳定的版本。所以不清楚详细情况的同时，当你选择webpack -v查看是否成功安装时，会提示你需要安装webpack-cli并且在按照提示安装之后...
node12.2_yarn1.22.5安装包
07-16
同时，它的工作流确保了不同机器上安装的依赖一致性，降低了团队协作中的冲突风险。在Vue.js这样的现代前端框架开发中，Yarn可以与Vue CLI无缝配合，帮助管理项目依赖和构建流程。 **Vue.js** 是一个轻量级的前端...
webpack 降级
weixin_44996006的博客
09-05 2547
首先卸载现有的版本 cnpm uninstall webpack -g 安装需要的版本 cnpm install webpack@3.11.0 -g
查看webpack版本的三种方式
技术广场
05-28 885
摘要：可通过三种方式查看Webpack版本：(1)命令行输入npx webpack --version或npx webpack -v；(2)检查package.json文件中的webpack字段；(3)运行npm list webpack命令。这些方法均可确认项目使用的Webpack版本号。（94字）
降低webpack版本高度
weixin_55010771的博客
06-07 4236
webpack版本过高，会出现很多问题，因此可以降低版本高度 1.可以直接覆盖原版本，可以输入`cnpm i webpack 需要降低的版本 -g 比如我们要降低到’3.6.0’ 'cnpm i webpack@3.6.0 -g' 2.卸载当前版本，在重新下载需要的版本 卸载命令： 'npm uninstall webpack -g' 如果是局部安装，也可以在文件夹中找到node-modules中webpack模块删除。 安装命令： 'npm install webpack@3.6.0 -g'
webpack初入门（三）--优雅降级和前端静态服务器
weixin_44596422的博客
05-09 488
优雅降级指的时将高版本的ES降至低版本 首先需要安装一个转换器 babel-loader 官网 复制官网的安装代码，npm改成cnpm，后面加 -D，或者这样写 $ cnpm install babel-loader@8.0.4 @babel/core @babel/preset-env -D 安装成功后，去配置，即是rules这个数组的对象， 复制这一块过去，就是一个对象 如何检测是否成功了呢？ 在index.js中写入ES6的语法 这样后再执行打包命令，执行成功后 然后在打包后的main.js
webapck卸载以及更换版本
weixin_38168322的博客
03-14 1313
有时候我们需要安装webpack的指定版本，但是又安装了webpack的其他版本，就需要先卸载webpack 1.先执行 npm uninstall webpack -g 2.找到webpack的文件夹删除 根据个人电脑决定 3.现在就可以指定安装版本了npm install webpack@版本号 -g 然后测试是否安装成功 转载于:https://w...
卸载webpack，降低版本
weixin_30587025的博客
05-09 2773
卸载：npm uninstall webpack -g 重新安装：npm install webpack@3.7.1 -g 转载于:https://www.cnblogs.com/dslx/p/10841711.html
ruoyi Cannot find module 'webpack/lib/RuleSet'
03-23
##### 方法一：重新安装 Webpack 及其相关依赖 通过卸载并重装 Webpack 来修复潜在的依赖冲突： ```bash npm uninstall webpack --save-dev npm install webpack@^4.0.0 --save-dev ``` 上述命令会移除现有的 ...
React+Webpack项目模板的创建与应用
**生命周期方法**：React组件从创建到挂载到DOM中，再到组件更新和卸载，整个过程有多个生命周期方法可供调用。 5. **状态管理（如Redux）**：React本身并不是一个完整的状态管理解决方案，但经常与Redux或Context...
"C:\Program Files\nodejs\npm.cmd" install npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: babel-loader@7.1.5 npm error Found: webpack@5.101.0 npm error node_modules/webpack npm error dev webpack@"^5.101.0" from the root project npm error peer webpack@"4.x.x || 5.x.x" from @webpack-cli/configtest@1.2.0 npm error node_modules/@webpack-cli/configtest npm error @webpack-cli/configtest@"^1.2.0" from webpack-cli@4.10.0 npm error node_modules/webpack-cli npm error dev webpack-cli@"^4.10.0" from the root project npm error 3 more (@webpack-cli/configtest, @webpack-cli/info, @webpack-cli/serve) npm error 8 more (monaco-editor-webpack-plugin, sass-loader, ...) npm error npm error Could not resolve dependency: npm error peer webpack@"2 || 3 || 4" from babel-loader@7.1.5 npm error node_modules/babel-loader npm error dev babel-loader@"7.1.5" from the root project npm error npm error Conflicting peer dependency: webpack@4.47.0 npm error node_modules/webpack npm error peer webpack@"2 || 3 || 4" from babel-loader@7.1.5 npm error node_modules/babel-loader npm error dev babel-loader@"7.1.5" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users\asus\AppData\Local\npm-cache\_logs\2025-08-07T06_15_19_647Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users\asus\AppData\Local\npm-cache\_logs\2025-08-07T06_15_19_647Z-debug-0.log
最新发布
08-08
如果项目需要继续使用webpack 4，则降低webpack版本到4.x。 由于当前错误信息中webpack版本为5.101.0，因此建议升级babel-loader。 步骤： 1. 卸载当前的babel-loader（如果已安装）： npm uninstall babel-...
PS D:\项目7 新途ERP\品质Web\NewWeb\Web> npm install lz-string npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: less@4.2.0 npm warn node_modules/less npm warn dev less@"^4.2.0" from the root project npm warn npm warn Could not resolve dependency: npm warn peer less@"^2.3.1 || ^3.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: less@undefined npm warn node_modules/less npm warn dev less@"^4.2.0" from the root project npm warn npm warn Could not resolve dependency: npm warn peer less@"^2.3.1 || ^3.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: webpack@5.90.3 npm warn node_modules/webpack npm warn peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.1 npm warn node_modules/@soda/friendly-errors-webpack-plugin npm warn @soda/friendly-errors-webpack-plugin@"^1.8.0" from @vue/cli-service@5.0.8 npm warn node_modules/@vue/cli-service npm warn 18 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...) npm warn npm warn Could not resolve dependency: npm warn peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: webpack@undefined npm warn node_modules/webpack npm warn npm warn Could not resolve dependency: npm warn peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm error code EPERM npm error syscall open npm error path C:\Program Files\nodejs\node_cache\_cacache\tmp\f80ea8b9 npm error errno EPERM npm error FetchError: Invalid response body while trying to fetch https://registry.npmmirror.com/lz-string: EPERM: operation not permitted, open 'C:\Program Files\nodejs\node_cache\_cacache\tmp\f80ea8b9' npm error at C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\body.js:170:15 npm error at async Response.json (C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\body.js:75:17) npm error at async RegistryFetcher.packument (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\lib\registry.js:98:25) npm error at async RegistryFetcher.manifest (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\lib\registry.js:128:23) npm error at async #fetchManifest (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1202:20) npm error at async #nodeFromEdge (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1040:19) npm error at async #buildDepStep (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:904:11) npm error at async Arborist.buildIdealTree (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:181:7) npm error at async Promise.all (index 1) npm error at async Arborist.reify (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\reify.js:131:5) { npm error code: 'EPERM', npm error errno: 'EPERM', npm error syscall: 'open', npm error path: 'C:\\Program Files\\nodejs\\node_cache\\_cacache\\tmp\\f80ea8b9', npm error type: 'system', npm error requiredBy: '.' npm error } npm error npm error The operation was rejected by your operating system. npm error It's possible that the file was already in use (by a text editor or antivirus), npm error or that you lack permissions to access it. npm error npm error If you believe this might be a permissions issue, please double-check the npm error permissions of the file and its containing directories, or try running npm error the command again as root/Administrator. npm error Log files were not written due to an error writing to the directory: C:\Program Files\nodejs\node_cache\_logs npm error You can rerun the command with `--loglevel=verbose` to see the logs in your terminal 这个报错是怎么回事！！！我应该怎么排查！！！
07-09
- 完全卸载 Node.js 并重新安装到用户目录（如 `C:\Users\你的用户名\nodejs`）而不是系统目录。 最后，关于 peer dependency 的警告，如果项目运行正常，可以暂时忽略，但建议在后续更新中解决兼容性问题。 §...
在Windows10上卸载 webpack 并重新安装
qq_50054286的博客
03-12 1087
在Windows10上卸载 webpack 并重新安装 打开命令模式或powershell。也可以使用 win+x，选择命令提示符选择 Windows powershell。 在命令行中输入，以下命令来卸载和全局安装 webpack： npm uninstall webpack -g 这将卸载全局安装的 webpack包。 接下来，如果你在项目中使用了局部安装的Webpack，进入你的项目目录。在命令提示符或PowerShell中，使用以下命令卸载局部安装的Webpack： npm uni
完全卸载webpack,再重新安装
热门推荐
wenb1bai的博客
05-16 6万+
1.安装    在全局下安装：npm  install  webpack  -g                          安装指定版本：npm  install  webpack@<version>   -g        例如：npm install  webpack@3.4.1  -g              如果只是用来练习全局安装就可以了，一开始装了个4.8.3版本...
webpack 4.14.0 版本太高，无法执行相关指令，（将webpack高版本切换到低版本）--直接覆盖
qq_27300101的博客
07-04 7512
（1）问题：webpack 4.14.0 版本太高，无法执行相关指令，（2） 解决办法：将高版本切换到低版本（3）实现webpack 4.14.0 版本太高，无法执行相关指令，指令不熟悉，高版本切换到低版本，直接重新安装就行，使用 npm i webpack@3.6.0 -g  ...
【webpack】npm安装webpack提示版本太低
weixin_41899098的博客
02-16 1716
git bash： 系统是 windows10 已经安装了python环境呀 cmd： 解决1：我在rosen的手记里看到了，可以升级node，然后我就去node官网下载了推荐的node版本 解决2：但是我发现还是一样，于是我到cmd中执行npm install webpack -g(之前是在 git bash)，好吧，正常安装ing 解决3：又卡了，一顿饭的功夫还...
webpack安装
陌桑楚客
09-30 372
1.安装 在全局下安装：npm install webpack -g 安装指定版本：npm install webpack@<version> -g 例如：npm install webpack@3.4.1 -g 安装4.8.3版本的，node也是最新的npm，一做项目就出现错误，这是因为4.*.*版本以上还需要安装另外一个东西（webpack-cli），具体的可去webpa...
webpack版本的坑
qq_41818857的博客
12-24 1023
我用的是目前webpack发布的最新版本：webpack5.11.0 开始打包项目，完成后先在Chrome浏览，发现完全没有问题，紧接着剧情走向了一个极端，我打开了ie，想在ie上测试一下能否运行，现实给了我一个耳光 然后我又想是不是因为ie不能识别es6语法，于是我又配置了babel-loader,还是不行，就这样反复测试找原因，郁闷了一天也没找到原因。 第二天接着来，我仔细查看了一下打包后的js代码发现 竟然webpack5.11.0自己自动生成的代码里面包含箭头函数，后来我把webpack的版本从
webpack原理之手写babel-loader，将es6以上语法转换为低版本语法
jieyucx的博客
06-23 1456
index.js// 异步loader const callback = this . async();// 使用babel对代码进行编译 babel . transform(content , options , function(err , result) {});，用于编译ES6+代码为ES5。，只能预设。module : {现在，我们已经完成自定义loader的创建和使用，它可以将ES6+代码编译成ES5代码。文件是为了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值