将引导程序文件导入组件时发生编译错误

时间:2019-08-02 14:18:19

标签: angular twitter-bootstrap sass bootstrap-4

我在一个有角度的项目中具有本地引导程序,我正在尝试引用组件内部的_variables.scss文件。当我这样做时,我得到一个编译错误。我输入错了吗?如果我不导入它,它可以很好地编译,但是在导入到另一个组件时似乎有问题

我在我的样式文件夹中本地下载了bootstrap scss文件。我添加了includePath以便于引用

"stylePreprocessorOptions": {
  "includePaths": [
    "src/styles/"
  ]
},

然后将文件导入我的组件scss文件中,如下所示:

@import '_variables.scss';

.validator-item span {
  font-size: 12px;
}

但是当我去编译的时候我得到了错误:

enter image description here

1 个答案:

答案 0 :(得分:1)

您没有导入任何错误,这不是您收到的错误消息。

如果您查看错误消息,则在调用$negative-spacers: negativify-map($spacers) !default;时使用的CSS值无效

您的sass预处理器无法处理您要尝试执行的操作,因此在编译期间抛出错误。