SASS 导入在使用 Angular Universal 时中断

Question

示例应用程序可供下载，其中显示了问题：

https://github.com/chrillewoodz/ng-boilerplate/tree/universal

我正在尝试让角度通用工作，但它在其中一个组件 SCSS 文件中为 SCSS 导入抛出错误：

@import './src/assets/styles/utils/_exports';

它在没有通用的情况下正常运行时工作，但当它以通用运行时，它将导入视为相对于组件而不是根。

所以路径变成：

src/app/shared/components/breadcrumbs/src/assets/styles/utils

而不是：

src/assets/styles/utils

如何设置路径，使其在两种情况下都有效？

我已经做了一些挖掘，但找不到类似的问题，唯一出现的问题是 SASS 无法与通用和 AOT 正常工作。一旦我设法解决了这个问题，这将是一个完全独立的问题。

Answer 1

你必须从tsconfig.app.json文件中的 " 中检查，所以路径应该相对于这个"baseUrl"： "， path.如果您需要将路径更改为"src/assets/styles/utils"，您必须更改"baseUrl"：">/src"的"src/assets/styles/utils">.您能否分享您的 tsconfig.app.json，因为资产与它并行，或者可能是您的文件夹结构。因为您必须检查与要访问的资产相关的SCSS文件。