站内搜索:
首页 >> 前端 >> 内容
vue学习笔记之饿了么项目引入icon字体文件出错的原因和解决办法

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

在学习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字体文件出错的原因和解决办法

  • 上一篇:长连接和短连接的定义,优缺点以及使用场景介绍
  • 下一篇:创建angular项目提示错误istanbul-lib-hook@1.2.1:1.2.0的解决办法
  • 返回顶部