Angular Material - 拒绝应用样式

Question

我想使用角度材质，但在导入角度材质主题 css 文件时遇到问题 - 我进口的 <link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> 在 index.html 但我有这个错误 =>

出现以下错误 - 'http://localhost:8081/node_modules/@angular/material/prebuilt-themes/indigo-pink.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

请问我该如何让它工作？ 我没有angular.json 或angular-cli.json

Answer 1

请参考Docs有具体的上手步骤，

第 4 步来自 Material Doc，

第 4 步：加入主题

Including a theme is required to apply all of the core and theme styles to your application.

To get started with a prebuilt theme, include one of Angular Material's prebuilt themes globally in your application. 

如果您使用的是 Angular CLI，您可以将其添加到您的 styles.css 或 styles.scss：

@import "~@angular/material/prebuilt-themes/indigo-pink.css";