Css 使用角度通用时,SASS导入中断

Css 使用角度通用时,SASS导入中断,css,angular,sass,angular-universal,Css,Angular,Sass,Angular Universal,可供下载的示例应用程序显示了以下问题: 我正在尝试使angular universal正常工作,但它在其中一个组件SCSS文件中为SCSS导入抛出错误: @import './src/assets/styles/utils/_exports'; 在不使用universal的情况下正常运行时,它会工作,但在使用universal的情况下,它会将导入视为相对于组件而不是根 因此,路径变成: src/app/shared/components/breadcrumbs/src/assets/styl

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

我正在尝试使angular universal正常工作,但它在其中一个组件SCSS文件中为SCSS导入抛出错误:

@import './src/assets/styles/utils/_exports';
在不使用universal的情况下正常运行时,它会工作,但在使用universal的情况下,它会将导入视为相对于组件而不是根

因此,路径变成:

src/app/shared/components/breadcrumbs/src/assets/styles/utils
而不是:

src/assets/styles/utils
如何设置路径,使其在两种情况下都能工作


我做了一些挖掘,但没有找到类似的问题,唯一出现的问题是SASS不能与universal和AOT正常工作。一旦我解决了这个问题,这将是一个完全独立的问题。

您必须从tsconfig.app.json文件中的“基本”进行检查,因此路径应该与此“baseUrl”:“,path相对。如果您需要的路径为“src/assets/styles/utils”,则必须更改“baseUrl”:“/src”的“src/assets/styles/utils”。你能分享你的tsconfig.app.json吗?因为资产与它平行,或者可能是你的文件夹结构。因为你必须检查你的SCSS文件相对于你想要访问的资产。

我会把/assets/。。。在第一个/src和导入“/assets/…”@Vega时,我不理解。什么意思?对不起,我解释一下:将/assets文件夹移动到第一个/src,并将其作为{/assets//styles/utils}导入。资产的位置在/src@Vega它已经在src文件夹中了。不是真的,它在src/app/shared/components/breadcrumbs/src中。将其置于第一个src之下/