使用Angular Universal

时间:2017-07-23 14:04:16

标签: css angular sass angular-universal

可供下载的示例应用程序显示问题:

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

我正在尝试使用angular universal来工作,但是在其中一个组件SCSS文件中输入SCSS会引发错误:

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

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

所以路径变成:

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

而不是:

src/assets/styles/utils

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

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

1 个答案:

答案 0 :(得分:0)

你必须从基地检查是""在 tsconfig.app.json 文件中,路径应该相对于此" baseUrl":"" 路径。如果你需要你的路径作为" src / assets / styles / utils"你必须改变" baseUrl":" / src" " src / assets / styles / utils"。你可以分享你的tsconfig.app.json作为资产与它并行或可能是您的文件夹结构。因为您必须检查相对于您要访问的资产的SCSS文件。