Блог

Я использую Primeng с одним угловым приложением SPA. Я использую импорт { CheckboxModule } из «пример/флажок»; и также импортирован в раздел импорта. Кроме того, я использовал ButtonModule и Inputtextmodule из primeng, я могу правильно использовать компоненты ButtonModule и Inputtextmodule в своем приложении. Но при использовании флажка он выдает ошибку в консоли «приложение» вход » умерло в статусе SKIP_BECAUSE_BROKEN: «Не удалось загрузить флажок.css»

Я попытался проанализировать проблему и обнаружил, что в main.js файл, в котором он использовал стиль: [‘./checkbox.css’], только в случае флажка. Для кнопки и входного текста он не использовал шаблоны стилей. В 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"
 

},

Спасибо