【问题标题】:Angular component css not added to <head>角度组件 css 未添加到 <head>
【发布时间】:2022-03-14 23:42:57
【问题描述】:

我有一个 Angular 11 组件——包含一些 CSS 的 app-progress。它在一个单独的 npm 包中。在其自己的项目中对其进行测试表明应用了正确的样式。

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

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

但是,当我将其添加到 HTML 时,它会呈现正确的 HTML,但 CSS 未添加到 &lt;head&gt; 部分,并且 &lt;app-progress&gt; 没有添加 _nghost... 属性。

任何想法可能会发生什么?

【问题讨论】:

  • 你找到答案了吗?我遇到了同样的问题
  • 我还没有。真的很奇怪。
  • 在终于有时间专注于此之后,不幸的是,我的问题是由于团队的其他成员在两个 git repos 中创建了同一组件的两个不同版本而没有让我知道,而我正在使用“旧”版本。

标签: css angular


【解决方案1】:

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

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

一旦我将所有 Angular 包更新到 13.2.6,就不会再出现样式问题了。

我也尝试在更新后复制该问题,但没有运气...

【讨论】:

  • 我会接受你的回答,以防其他人遇到你的问题并在这里结束。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-12
  • 1970-01-01
  • 2016-06-06
  • 2018-08-25
  • 1970-01-01
相关资源
最近更新 更多