使用Angular Universal

Question

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

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。一旦我设法解决了这个问题，这将是一个完全独立的问题。

Answer 1

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