本文主要是介绍【vue踩坑】:SassError: This file is already being loaded,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
引入全局变量报错
vue.config.js中已经配置了:
css: {loaderOptions: {sass: {additionalData: `@import "@/styles/variables.scss"; // scss文件地址@import "@/styles/mixin.scss"; // scss文件地址`}}}
本地文件目录:
我在某个.vue文件引入的时候却报错,这样引入不行:
import variables from '@/styles/variables.scss'
<el-menu...:background-color="variables.menuBg":active-text-color="variables.menuActiveText"...>
根据提示,因为是说我已经全局引入变量了,不用在文件里单独引入了
所以我换了写法:
<el-menu...background-color="menuBg"active-text-color="menuActiveText"...>
variables.scss文件里长这样:
没有报错了!所以就是我在vue.config.js全局配置了,就不用再单独引入咯…
这篇关于【vue踩坑】:SassError: This file is already being loaded的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!