Styles Primeng ne fonctionne pas en Angular 4

J'essaie d'utiliser les composants PrimeNg dans mon code Angular 4. Les modules sont importés correctement mais les styles ne sont pas appliqués.Styles Primeng ne fonctionne pas en Angular 4

La console du navigateur affiche 404 error.

J'ai utilisé angulaire-cli pour obtenir le passe-partout du projet.

J'ai inclus les styles à l'aide balise de lien dans index.html comme ceci:

<link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css" /> 
<link href="/node_modules/primeng/resources/themes/omega/theme.css" /> 
<link href="/node_modules/primeng/resources/primeng.min.css" />

J'ai ajouté les références stylsheet à la propriété « styles » en cli.json angulaire comme celui-ci:

"styles": [ 
    "styles.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "../node_modules/primeng/resources/primeng.min.css" 
    ],

J'ai également téléchargé les paquets requis via NPM et les ai intégrés au fichier package.json.

Source

2017-09-23 Arjun Panicker

Etes-vous sûr que les chemins dans angular-cli.json sont corrects? –

confirmez que le fichier css existe quel que soit le chemin que vous avez spécifié dans cli? –

utilisez-vous webpack dans votre projet? et puis-je connaître la version primeng utilisée dans votre projet? – Chandru

Merci à tous d'avoir répondu avec des solutions possibles.

J'ai trouvé la solution accidentellement.

Je suis un novice à Angular 4 donc je ne savais pas que, après l'installation d'un nouveau paquet via npm, vous devez redémarrer le serveur.

Lorsque j'ai redémarré mon webpack, l'application fonctionnait correctement et le PrimeNg fonctionnait également correctement.

Source

2017-09-25 04:40:02

Styles Primeng ne fonctionne pas en Angular 4

Répondre

Questions connexes