Css 为什么我会遇到这个错误：要导入的文件找不到或不可读：./styles变量？

我正在学习本教程：

我已经到了必须在styles文件中导入styles-variables.scs的地步。
然而，我不断地发现这个错误：

./src/app/header/header.component.scss模块生成失败时出错 （来自./node_modules/sass-loader/lib/loader.js）：

@导入“./样式变量”^
要导入的文件找不到或不可读：./styles变量。
在C:\Users\A.G陌生人\Desktop\MEAN stack\bootstrap\u second\u step\angular bootstrap-
示例\src\app\header\header.component.scss（第1行第1列）i wdm：未能编译

这是项目结构：

有人知道我在哪里出错了吗？

---

谢谢你

试试下面的方法，你的相对路径有点偏离

“../../styles变量”

---

另外，确保该文件包含在

angular.json

文件的

style

数组中，或者angular不会将其包含在输出中。

在

angular.json

中，有一种方法可以为变量设置一个目录

将其放入

angular.json

appName=>build

"options": {
    ...,
    "stylePreprocessorOptions": {
        "includePaths": [
            "./src/sass"
        ]
    },
}

---

app/header

中没有文件

/styles variables

。。。就写在那里；）谢谢你，但是你能解释一下我为什么要这样做吗？为了避免相对路径的想法，如果在Angular 7中，我们也必须将此添加到服务器选项中？我正在使用Angular Universal，它为浏览器正确构建，但不是为服务器端。我们没有进行服务器端渲染，因此我没有任何想法，请尝试并共享它。