Angular 2 Material ne peut pas charger le style

Question

Je commence à développer une application web en Angular en utilisant la bibliothèque Angular Material pour l'interface. Mais j'obtiens une erreur lorsque j'essaie d'importer un thème préconstruit. Pour l'importer, j'ai ajouté <link rel="stylesheet" href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"> à mon index.html mais lorsque j'exécute ng serve Je ne peux pas obtenir le fichier.

Answer 1

Si vous utilisez angular-cli suivre leurs étapes pour inclure Angular-Material .

Assurez-vous que vous avez les importations suivantes dans src/styles.css

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import '~https://fonts.googleapis.com/icon?family=Material+Icons';

C'est légèrement différent de ce que angular-material suggérer de leur propre chef Pour commencer mais ça a marché pour moi.

Answer 2

Vérifiez que votre chemin est correct. J'ai eu le même problème et j'ai corrigé le chemin : Le mien est

 <link rel="stylesheet" href="lib/@angular/material/core/theming/prebuilt/indigo-pink.css">