安装url-loader失败，解决方法

最新推荐文章于 2024-09-13 22:00:25 发布

Eather_Lian

最新推荐文章于 2024-09-13 22:00:25 发布

阅读量5.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： url-loader

本文链接：https://blog.youkuaiyun.com/Lian_Easel/article/details/80069796

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在Windows环境下遇到的url-loader安装失败问题及其解决过程。通过调整package.json中的peerDependencies字段，并安装特定版本的file-loader，最终成功安装了url-loader。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装url-loader失败

报错信息

$ npm install url-loader --save-dev
npm ERR! Windows_NT 10.0.16299
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "url-loader" "--save-dev"
npm ERR! node v4.4.7
npm ERR! npm  v2.15.8
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package webpack@1.15.0 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer extract-text-webpack-plugin@1.0.1 wants webpack@^1.9.11
npm ERR! peerinvalid Peer file-loader@1.1.6 wants webpack@^2.0.0 || ^3.0.0
npm ERR! peerinvalid Peer html-webpack-plugin@2.30.1 wants webpack@1 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3

npm ERR! Please include the following file with any support request:
npm ERR!     C:\Users\Admin\mmall\doc\mmalt-fe\npm-debug.log

在网上看到这个解决方式，https://segmentfault.com/q/1010000011516676。

根据大神的指导：

package.json文件中把自己用的webpack版本加上去的
"peerDependencies": {
    "webpack": ">=1.3.0 <3 || ^1.15.0"
  },
**也可以安装一个低版本的File-loader
npm install file-loader@0.11.1 --save-dev

这是我的解决方法你可以都试试, 感觉还是版本的事情. 我也是初学,不是很懂.

我先是把webpack版本信息添加到package.json中去，安装url-loader，还是没有成功。

"peerDependencies": {
    "webpack": ">=1.3.0 <3 || ^1.15.0"
  },

file-loader 和 url-loader

后面又提到说：安装低版本的file-loader。

npm install file-loader@0.11.1 --save-dev

安装成功低版本的file-loader之后，再次安装url-loader

$  npm install url-loader --save-dev

结果安装成功了！！我觉得就是安装了file-loader之后，就成功地安装了url-loader。

反正不管怎么样，我就是成功安装了url-loader，yeah！