Angular: стили из primeng не работают, даже если они указаны в style.scss ⇐ CSS

[Anonymous]

I have added primeng to my Angular project. But the styles don't work.

I have put the styles in style.scss and in angular.json. but always i do ng serve it doesn't work

My styles.scss:

@import '../node_modules/primeng/resources/themes/lara-light-blue/theme.css'; @import '../node_modules/primeicons/primeicons.css'; @import '../node_modules/primeng/resources/primeng.min.css'; My complete angular.json: I have to give some more details to the code to save it so I do it here.

{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "gw-spc": { "projectType": "application", "schematics": { "@schematics/angular:component": { "style": "scss" } }, "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/gw-spc", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.app.json", "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "node_modules/primeicons/primeicons.css", "node_modules/primeng/resources/themes/lara-light-blue/theme.css", "node_modules/primeng/resources/primeng.min.css", "node_modules/primeflex/primeflex.css", "src/styles.scss" ], "scripts": [ "node_modules/chart.js/dist/chart.js" ], "vendorChunk": true, "extractLicenses": false, "buildOptimizer": false, "sourceMap": true, "optimization": false, "namedChunks": true }, "configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], "optimization": true, "outputHashing": "all", "sourceMap": false, "namedChunks": false, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, "budgets": [ { "type": "initial", "maximumWarning": "2mb", "maximumError": "5mb" }, { "type": "anyComponentStyle", "maximumWarning": "6kb", "maximumError": "10kb" } ] } }, "defaultConfiguration": "" }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "gw-spc:build" }, "configurations": { "production": { "browserTarget": "gw-spc:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { "browserTarget": "gw-spc:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.spec.json", "karmaConfig": "karma.conf.js", "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "node_modules/primeicons/primeicons.css", "node_modules/primeng/resources/themes/lara-light-blue/theme.css", "node_modules/primeng/resources/primeng.min.css", "node_modules/primeflex/primeflex.css", "src/styles.scss" ], "scripts": [] } }, "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { "protractorConfig": "e2e/protractor.conf.js", "devServerTarget": "gw-spc:serve" }, "configurations": { "production": { "devServerTarget": "gw-spc:serve:production" } } } } } } } My login.component.html:

Anmelden Benutzername: Passwort/PIN: The site I get:





Why doesn't it work what do I wrong please help.

The Index.html:








Источник: https://stackoverflow.com/questions/754 ... tyles-scss