如何正确导入导入其他CSS/SCS的SCS

我在angular项目中有一个SCS，它正在从node_模块导入另一个SCS：

@import "node_modules/grapesjs/src/styles/scss/main.scss";

SCS导入其他样式：

@import "node_modules/spectrum-colorpicker/spectrum";
@import "node_modules/font-awesome/scss/font-awesome";
@import "node_modules/codemirror/lib/codemirror";
@import "node_modules/codemirror/theme/hopscotch";


@import "gjs_variables.scss";

但这导致了这个错误：

我猜这意味着我需要正确地指定路径。我在angular.json中有以下内容：

        "stylePreprocessorOptions": {
          "includePaths": [
            "src/styles",
            "."    // **this is where the node_modules directory is**
          ]
        },

---

我猜main.scss中的路径是相对于该文件的。我不知道该怎么具体说明

没错，它被放在

angular.json

文件的

styles

属性中

此外，扩展并不重要，编译器无论如何都会将其转换为JS（除非它是一个资产，否则它会保持原样）

路径是

./node_modules/...

---

要从节点\模块导入样式，请使用~前缀，如下所示

@import "~bootstrap/scss/bootstrap";
@import "~font-awesome/scss/font-awesome";
@import "~toastr/toastr";
@import "~react-select/dist/react-select.css";
@import "~react-bootstrap-table/dist/react-bootstrap-table-all.min.css";

---

我也试过了。同样的错误。我尝试导入SCS的原因是，否则我无法更改第三方组件的主题。谢谢。可悲的是，这也没用。一直在尝试不同的组合：-）。那么请提供一个，因为我做过的每个项目都使用这种语法。。。