Angular14以后加载AngularSSR样式（primeng）失败。
如果您在将Angular升级到版本14或更高版本后遇到了Angular SSR样式（primeng）无法加载的问题，请按照以下步骤解决：
-
确保您的应用程序依赖项中包含了所需的primeng依赖，并已将其适当地引入您的应用程序中。
-
检查您的应用程序SSR配置文件（例如，server.ts文件）中是否正确导入了所需的样式文件，例如：
import 'primeng/resources/primeng.css'; import 'primeng/resources/themes/excited/theme.css';
- 如果您的应用程序使用了Lazy Loading，则需要将相应的primeng样式文件添加到App Module中的providers数组中，以确保它们能够正确加载。示例如下：
import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { StoreModule } from '@ngrx/store'; import { EffectsModule } from '@ngrx/effects';
// Import primeng styles import 'primeng/resources/primeng.css'; import 'primeng/resources/themes/excited/theme.css';
@NgModule({ imports: [ CommonModule, StoreModule.forFeature('featureName', reducer), EffectsModule.forFeature([Effects]), ], providers: [ // Add primeng styles to providers so they will be loaded correctly { provide: 'PRIMENG_STYLES', useValue: ['primeng.css', 'theme.css'] }, ], })
export class FeatureModule {}
通过这些步骤，您应该能够解决Angular SSR样式（primeng）无法加载的问题。