您现在的位置:首页 >> 前端 >> 内容

vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

时间:2018/6/21 10:32:08 点击:

  核心提示:在学习vue饿了么demo过程中,引入icon字体文件时,出现modules没被找到的错误,从错误来看应该是文件路径不对,但是如下图所示icon字体文件已经使用了相对路径文件目录结构如下但运行还是报错...

在学习vue饿了么demo过程中,引入icon字体文件时,出现modules没被找到的错误,

vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

从错误来看应该是文件路径不对,但是如下图所示icon字体文件已经使用了相对路径

文件目录结构如下

vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

但运行还是报错。

解决办法

一、使用绝对路径

vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

二、在webpack.base.conf.js配置文件中找到加载字体的模块

vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

看到加载方式是‘url-loader’,应该loader是加载方式吧,不是很清楚,尝试着将url改为url-loader,使用相对路径的的方式来找到自己文件,这样就成功啦!

vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

Tags:VU UE E学 学习 
作者:网络 来源:HamsterKni