将引导文件导入组件时出现编译错误

Question

我在 Angular 项目中有本地引导程序，我试图在组件内引用 _variables.scss 文件。当我这样做时，我得到一个编译错误。我是不是导入错了？如果我不导入它，它编译得很好，但在导入另一个组件时似乎有问题

我在我的样式文件夹中本地下载了引导程序 scss 文件。我添加了includePath 以便于参考

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

然后我将文件导入到我的组件 scss 文件中，如下所示：

@import '_variables.scss';

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

但是当我去编译时，我得到了错误：

Answer 1

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

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

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