我正在将 Primeng 与 Single SPA Angular 应用程序一起使用。我正在使用 import { CheckboxModule } from 'primeng/checkbox'; 并导入到导入部分。我还使用了primeng 的ButtonModule 和Inputtextmodule，我可以在我的应用程序中正确使用ButtonModule 和Inputtextmodule 组件。但是在使用复选框时，它会在控制台中出现错误“应用程序'登录'在状态 SKIP_BECAUSE_BROKEN 中死亡：“无法加载 checkbox.css”
我试图分析这个问题，发现在 main.js 文件中它使用的是 styleUrls: ['./checkbox.css']，只有在复选框的情况下。对于 Button 和 InputText，它没有使用 styleUrls。在 angular.json 我使用了以下样式：
"styles": [
"src/styles.scss",
"src/assets/layout/css/layout-light.css",
"node_modules/primeicons/primeicons.css",
"node_modules/primeng/resources/themes/saga-blue/theme.css",
"node_modules/primeng/resources/primeng.min.css"
],
styles.scss 包含以下代码：
@import "../node_modules/primeng/resources/primeng.min.css";
// @import "../node_modules/primeflex/primeflex.scss";
@import "../node_modules/primeicons/primeicons.css";
@import "../node_modules/prismjs/themes/prism-coy.css";
@import "../node_modules/@fullcalendar/core/main.min.css";
@import "../node_modules/@fullcalendar/daygrid/main.min.css";
@import "../node_modules/@fullcalendar/timegrid/main.min.css";
@import "assets/demo/flags/flags.css";
app.module.ts 文件包含如下导入语句：
import { ButtonModule } from 'primeng/button';
import { InputTextModule } from 'primeng/inputtext';
import { CheckboxModule } from 'primeng/checkbox';
来自 package.json 的依赖项：
"dependencies": {
"@angular/animations": "^12.2.0",
"@angular/cdk": "^12.2.3",
"@angular/common": "~12.0.4",
"@angular/compiler": "~12.0.4",
"@angular/core": "~12.0.4",
"@angular/forms": "~12.0.4",
"@angular/material": "^12.2.3",
"@angular/platform-browser": "~12.0.4",
"@angular/platform-browser-dynamic": "~12.0.4",
"@angular/router": "~12.0.4",
"@fullcalendar/core": "^5.9.0",
"auth0-js": "^9.16.2",
"chart.js": "^3.5.1",
"cpx": "^1.5.0",
"ngx-cookie-service": "^12.0.3",
"ngx-toastr": "^14.1.0",
"primeicons": "^4.1.0",
"primeng": "^12.1.1",
"rxjs": "~6.6.0",
"single-spa": "^5.9.3",
"single-spa-angular": "^5.0.2",
"tslib": "^2.1.0",
"zone.js": "~0.11.4"
},
谢谢