使用node-sass启动并在 * main. scss * 上键入@import "abstract/variables"
,但没有成功。错误-"消息":* "目前仅支持UTF-8文档;您的文档似乎是UTF-16 "*。尝试在 * main. scss * 上添加@charset "UTF-8";
,但未修复。
接下来我发现@import
,node-sass & libSass自2020年以来已经被弃用,不再推荐使用。
因此我按照Sass官方网站的建议,改用dart sass(这是sass的主要实现),卸载了node-sass,安装了sass,它反映了devDependencies,在package.json
中做了必要的脚本修改,用sass替换了node-sass。
最后我测试了@use "abstract/variables";
,但仍然没有解决这个问题。
感谢直接回答如何解决它,我没有做什么是失踪,以使这项工作,因为我想要的。
先谢了!
- 主. scss *
@use "abstract/variables";
- 变量. scss *
$color-primary: #55c57a;
$color-primary-light: #7ed56f;
$color-primary-dark: #28b485;
$color-grey-dark: #777;
$color-white: #fff;
$color-black: #000;
我想实现的是所有的部分--(name). scss文件可以成功导入各自的代码,我已经将这些代码划分到每个所属文件中,以获得清晰的代码结构,到我的main.scss
文件中,该文件应该只包含像@use "folder-name/file-name";
这样的导入,以确保所有内容都正确导入并按预期工作。例如,如果我更改部分文件_variables.scss
中的颜色(在抽象文件夹中)从白色到红色,它应该在保存时应用,编译终端(也有实时服务器终端)中没有显示错误。
但是当我添加@use "abstract/variables";
并将变量从main.scss
移动到_variables.scss
时,它不起作用,页面变成白色,显示错误消息和我在代码中写入的文本。
1条答案
按热度按时间xyhw6mcr1#
我解决了这个问题,并希望与其他人分享,谁可能会跌跌撞撞地陷入这个问题,在未来太。
我把VS代码底部的UTF格式从16改为8(因为我有错误“无效的UTF-8”),然后我把as加到 @use“abstract/variables”中; 所以就变成了
@use "abstract/variables" as *;
。最后,如果您使用的是另一个部分文件中的属性,那么您需要将与 main.scss
@use "abstract/variables" as *;
中的行相同的行也放到该部分文件中。例如:如果您在 _base.scss 中使用
$color-blue
变量,那么您可以将上面提到的行放在基文件中(因为变量在不同的文件夹和文件中)。