【vue踩坑】:SassError: This file is already being loaded
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
引入全局变量报错
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全局配置了,就不用再单独引入咯…
GitHub 加速计划 / vu / vue
207.52 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 3 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 3 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)