unable to resolve dependency tree、webpack与xxx-loader版本不兼容问题解决 (详细步骤)

unable to resolve dependency tree、webpack与xxx-loader版本不兼容问题解决 (详细步骤)

01.问题

1.在npm install style-loader时出现报错,如下图所示

错误图片

2.安装图中指定的版本还是没有办法解决

02.问题分析

1. 可以看出这里是由于webpack与style-loader版本不兼容导致的错误
2.只需安装对应的版本即可
3.那么如何知道安装哪个版本呢?

03.问题解决

1.这时候我们需要查看当前项目安装的webpack版本号,点击package.json文件,在里面"dependencies"选项下就可以查看到webpack的版本号,如下图所示

webpack版本号

2.去webpack GitHub (webpack GitHub 官方链接) 查找对应的版本号(以本文webpack:^4.46.0)为例,在GitHub上就属于webpack-4的版本,选择对应的分支,如下图所示

webpack版本

3.切换到对应的分支后,找到package.json文件,查看该文件,如下图所示

对应版本的package.json

4.在"devDependencies"选项中找到安装时报错的依赖(本文安装的依赖是:style-loader),如下图所示

对应的依赖
那么就能找到当前webpack(4.46.0版本)对应依赖项的兼容版本(“style-loader”: “^0.23.1”)

5. 安装兼容版本(npm install style-loader@^0.23.1),如下图所示

成功安装

提示

出现这类报错提示,大多都是webpack与xxx-loader版本不兼容去官方找到对应的依赖项重新安装即可解决

猜你喜欢

转载自blog.csdn.net/mrliucx/article/details/129671857