首先说明,我已经配置全局引入index.scss文件,但是发现引入图标文件报错.
这是我引入图标的icon.scss文件:
引入字体的scss文件.png
在全局引入的index.scss文件中引进icon.scss:
在全局引入的scss文件中引入icon文件.png
报错信息.png
解决方法:将icon.scss改成icon.css, 并且在index.scsc里修改引进文件
解决方法.png
正常显示效果:
正常显示.png
导致问题的原因还没找到,如果知道原因的,麻烦告诉我一下,如果大家有其他解决方法的,也请与我分享一下,共同进步嘛,哈哈,谢谢
vue + ts + scss main.ts引入scss文件报错 this.getOptions is not ...
首先说明,我已经配置全局引入index.scss文件,但是发现引入图标文件报错.这是我引入图标的icon.scss...
1.在引入字体文件的时候的路径问题，font.scss app.vue 目录结构
一、img标签 二、scss文件 通过在vue文件引入scss样式文件 如果scss文件有引入背景图片，这里不能使...
要如何在我们的vue项目中全局引入scss文件呢？ main.js可以直接import css文件，也可以直接im...
在Vue项目中使用scss,如果写了一套完整的有变量的scss文件。那么就需要全局引入，这样在每个组件中使用。 可...
webpack项目中自动引入全局scss变量文件假设我们有一个公共的scss变量文件variables.scss ...
在 Vue 项目中的vue.config.js文件里引入 Sass 全局样式变量时，发生报错，具体文件配置如下 p...
要如何在我们的vue项目中全局引入scss文件呢？ main.js可以直接import css文件，而不可以直接i...
解决方法和原因如下 当我在vue页面使用scss 使用到scss时候就会报错 运行scss的依赖都安装好了 npm...
本文标题：vue项目中,scss引入字体文件报错,解决方法
本文链接：https://www.haomeiwen.com/subject/edvivftx.html
网友评论