Feuilles de style PrimeNG non trouvées

Question

J'ai un problème avec un nouveau projet que je viens de créer. Pour une raison quelconque, lorsque j'essaie d'importer les feuilles de style de PrimeNG, j'obtiens une erreur 404. Je ne sais pas si c'est quelque chose à voir avec la configuration de mon projet. J'utilise Angular Class WebPack Starter, j'ai ajouté PrimeNG mais comme mentionné ci-dessus, je reçois une erreur 404. Bien que cela n'a pas beaucoup de sens, je soupçonne que c'est lié au fait que les feuilles de style sont dans le dossier node_modules. Comme un test, j'ai mis un fichier .css dans le dossier node_modules et il n'a pas été trouvé. Cependant, quand mis dans mon dossier "global" pour les actifs publics le fichier a été trouvé.

Screenshot avec la feuille de style de test et le thème PrimeNG

Screenshot avec la feuille de style de test déplacé à public dossier et le thème PrimeNG

Je sais c'est un problème trivial mais je n'arrive pas à aucune information. Juste au cas où j'ai également regardé la page PrimeNG's setup cependant cela n'a pas fait de différence.

Answer 1

J'ai eu le même problème avec une application Angular2 et réussi à contourner le problème en important les fichiers .css directement dans mon script main.ts.

Ce poste m'a aidé: Example of how to load static CSS files from node_modules using webpack?

Je viens de suivre l'instruction dans le poste mentionné ci-dessus et a ajouté à mes main.ts.

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

import 'primeng/resources/themes/afterdark/theme.css'; 
import 'font-awesome/css/font-awesome.min.css'; 
import 'primeng/resources/primeng.min.css'; 

import { AppModule } from './modules/app.module'; 
const platform = platformBrowserDynamic(); 
platform.bootstrapModule(AppModule); 

Espérons que cela aide.

Answer 2

Je face à la même question concernant les fichiers manquants css, Si vous utilisez-cli angulaire pour construire votre projet, procédez comme suit:

1 Modifier le fichier de cli.json angulaire de votre projet

2-Mettre à jour la section Styles en ajoutant les fichiers CSS requis comme suit:

"styles": [ 
    "styles.css", // default generated one 
    "../node_modules/primeng/resources/themes/omega/theme.css" , //primeng css 
    "../node_modules/primeng/resources/primeng.css" //primeng css 
]