代码之家 › 专栏 › 技术社区 › woolyninja

角度组件css未添加到<head>

angular css

0

woolyninja · 技术社区 · 4 年前

我有一个Angular 11组件——应用程序进度,其中包括一些css。它在一个单独的npm包中。在自己的项目中对其进行测试表明应用了正确的样式。

在另一个Angular 11应用程序中,我正在导入该应用程序的进度组件。我已经检查了编译后的fesm2015 js文件,它肯定包括css:

styles: ["[_nghost-%COMP%]{background-color:#d4d4d4;border-radius:0}.narrow[_nghost-%COMP%]{height:8px!important}"]

然而,当我将添加到HTML时,它会呈现正确的HTML,但CSS不会添加到 <head> 部分和 <app-progress> 没有_nghost。。。属性添加到其中。

有什么想法吗?

0 回复 | 直到 4 年前

1

0

ZrSiO4 4 年前

当@angular devkit/build angular版本与其他angular包不匹配时,可能会发生这种情况。

在我的案例中,我的@angular devkit/build-angular包是v13.2.5,而我的所有其他包大多是13.1.1。

一旦我将所有的angular软件包更新到13.2.6,就不再有风格问题了。

我也尝试在更新后复制这个问题,但没有成功。。。

2

0

ZrSiO4 3 年前

自上次回答后学到的东西:

所以我们在构建(大型)项目时偶尔会遇到css问题。随着时间的推移,我们发现一些损坏的东西会在编译时被缓存。它到底是什么,我们不确定,但一旦我们删除缓存并重建,事情就会恢复正常。

在“{project root(package.json所在的位置)}/.angular”中查找角度缓存

尝试删除里面的缓存文件夹,或者整个.angular文件夹,因为里面的都是缓存文件夹。