首页 > 解决方案 > NUXT JS SassError:未定义的变量“$black”

问题描述

$black对不起,但我有一个问题,我在我的文件中声明了一个 scss 变量,我想general.scss在我的文件default.vue中使用她,但是我有这个错误SassError: Undefined variable "$black"

我的网站是用 nuxt.js 制作的!

截图变量声明

截图变量利用率

截图组织文件夹

如果你对我有回应或帮助,谢谢你,对不起我的英语不好:)!

[编辑]

我不知道为什么,但是我的帐户被封锁了,所以我的问题的解决方案在这个教程中https://dev.to/ceppeu/using-sass-global-variables-in-nuxt-js-j0k

谢谢大家的时间(爱)

标签: sassglobal-variablesnuxt.js

解决方案


尝试在不使用url(). 像这样:

@import '@/assets/style/general.scss';

我希望这能解决你的问题,它对我有用。


此外,如果您在许多不同的组件中使用这些变量,您可以考虑使用@nuxtjs/style-resources模块在任何地方自动导入它。


推荐阅读