Angular应用部署后CSS不显示。 _编程开发

Angular应用部署后CSS不显示。

创始人

2024-10-30 13:01:52

0次

确保在angular.json文件中已经正确设置了样式的路径。例如，如果你的样式文件在src/styles.css，则应该如下设置：

"styles": [ "src/styles.css" ]

如果你的CSS样式文件是在子组件中引用的，则需要在组件的元数据中添加encapsulation属性，设置为ViewEncapsulation.None。这将禁用Angular的封装，并允许你的样式在父组件中生效。例如：

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'], encapsulation: ViewEncapsulation.None })

如果你的样式在应用程序中没有任何效果，请确保在style标签中使用了正确的CSS选择器。特别是当你使用组件样式或机动样式时，你需要使用:host和/deep/修饰符来选择它们。

:host { color: red; }

:host /deep/ .my-class { background-color: blue; }

记住，在使用/deep/修饰符时，需要将它包含在样式标签的开头，例如：

上一篇：Angular应用部署到Github Pages后无法初始化？

下一篇：Angular应用部署后，CSS样式无法显示。

Angular应用部署后CSS不显示。

相关内容

热门资讯