main.js中引入iconfont.css问题

来源:7-2 Vue项目首页 - iconfont 的使用和代码优化

小猫吃鱼不吐骨头

2020-02-27

你好,老师。
请问在main.js中引入iconfont.css时项目提示 To install it, you can run: npm install --save src/assets/styles/iconfont.css错误。
(1)项目iconfont目录结构
src/assets/styles/
—iconfont/
–inconfont.css
(2) iconfont.css 中引用内容
@font-face {font-family: “iconfont”;
src: url(’./iconfont/iconfont.eot?t=1582784820495’); /* IE9 /
src: url(’./iconfont/iconfont.eot?t=1582784820495#iefix’) format(‘embedded-opentype’), /
IE6-IE8 /
url(‘data:application/x-font-woff2;charset=utf-…’,)
url(’./iconfont/iconfont.ttf?t=1582784820495’) format(‘truetype’), /
chrome, firefox, opera, Safari, Android, iOS 4.2+ /
url(’./iconfont/iconfont.svg?t=1582784820495#iconfont’) format(‘svg’); /
iOS 4.1- */
}

尝试过的解决办法
(1)安装 css-loader
(2)修改webpack-base配置,test: /.css$/

这两种方式后依据提示同样的问题。

请问老师及同学这种问题如何进行修改呢?
谢谢各位的答复

写回答

2回答

Dell

2020-02-29

src/assets/styles/iconfont.css 你引入的路径查一下,我觉得是你引入路径的问题

0
0

呀呀呀亚歌

2020-02-28

可能是引入是的路径问题,看下你怎么引入的

0
0

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程