1***@qq.com
1***@qq.com
  • 发布:2021-08-17 18:58
  • 更新:2022-08-12 22:46
  • 阅读:1817

uniapp配置loader失败,svg-sprite-loader引入报错,uniapp配置webpack

分类:uni-app

最近看了一篇关于使用icon的文章如何优雅的使用icon
这篇文章主要讲了矢量图(icon,svg)的各种使用方式。。。
其中有一种方法是在webpack中配置svg-sprite-loader,然后引入svg文件来使用
于是我尝试在vue-cli项目中使用这个方法,一路顺风没什么问题。但最近要做uniapp项目,于是我就尝试在新项目中再这样做,但出了点问题。
我在vue.config.js文件中这样配置:


然后运行项目就报错了:

报错信息:Failed to resolve loader: svg-sprite-loader
You may need to install it.

翻译过来是:无法解析加载程序:svg-sprite-loader
您可能需要安装它。

我对这个错误的理解是程序在执行webpack的配置时没有找到svg-sprite-loader插件
于是我就开始百度解决方案,搜索了:uniapp使用loader、 uniapp使用loader时报错 、 uniapp的默认loader如何更改、
uniapp配置vue.config.js,我找了很久也试了很多方法:依赖文件也装了卸很多次、配置transpileDependencies 。。。
但都没有丝毫作用,这个icon的使用方法很简洁,而且还有很多其他优点,希望对这个感兴趣的兄弟能新建个uni项目一起研究下这个问题。

2021-08-17 18:58 负责人:无 分享
已邀请:
BigBoss030

BigBoss030

解决了吗?

1***@qq.com

1***@qq.com

.loader('svg-sprite-loader')
改成
.loader(path.resolve(__dirname, './node_modules/svg-sprite-loader'))

该问题目前已经被锁定, 无法添加新回复