webpack4.x+Vue导入mui报错: ERROR in ./src/lib/mui/fonts/mui.ttf 1:0 Module parse failed: Unexpected

这两天在学习Vue做一个简单的项目(跟着视频学习),有用到Mintui以及mui,在实现底部导航的时候是利用mui来实现的,但是,出现了一个很大问题:

一直是报上面的错误或者是:can't resolve我的这个文件,我上网查了好久好久,真的是憋死我了,网上好多说的都是路径的问题,于是我无数次的看我的路径是不是正确的,都是完全没问题的。后来终于,我发现好像是loader的问题,但是我之前忽略他的原因是什么???是因为mui是手动把包放在我的src的lib里面,不是通过npm下载到我的node_modules里面的,所以我之前就很奇怪为什么会有这样子的错误,就没管!!!我真是个傻子,无敌傻!! 既然报错就一定要查为什么!!我以后一定记住了。

好了,不说废话了,我的mui包放在src的新建的lib下面

这是总项目的目录,然后再mui下面,我放了这些文件

接着是在我们 的js里面去导入

最后就是为什么报错了!!

大家查看自己的webpack.config.js文件

我原来是没有ttf和svg的,所以导致解析不了,如果跟我报的是一样的错误,请大家一定查看自己的这个配置文件下有没有相关的加入进去!!!

好了,废话说完!祝我学习愉快。

 

 

啊哦!!我才发现将ttf加进去之后,打包后的会进入我们的image文件夹下面,然后又会报一个错误:

还不知道怎么解决呢,但是好像不是很影响效果!!不过!!错误还是要必须解决的。。。。。等我再去查一查,如果有朋友看到这个不起眼的文章哈哈哈哈知道这个怎么解决的话,请指教!!

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值