MEAN应用报错：Angular Material核心主题无法加载及MIME类型异常

嘿，我之前也踩过这个坑！这两个报错其实是连锁反应——浏览器找不到主题CSS文件，所以返回了HTML（一般是404页面），才会出现MIME类型错误，同时Angular Material也会提示缺少核心主题。咱们一步步来搞定：

1. 先确认依赖安装正确 #

首先检查你的项目里有没有装@angular/material和@angular/cdk。打开终端跑一遍：

npm install @angular/material @angular/cdk

如果已经装过，也可以试试删除node_modules和package-lock.json，然后重新执行npm install，确保依赖包完整。

2. 检查angular.json里的样式配置 #

这是最容易出错的地方！打开项目根目录的angular.json，找到build -> options -> styles数组，确保里面的主题路径是正确的：

"styles": [
  "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
  "src/styles.css"
],

⚠️ 重点：修改完angular.json之后，必须重启你的开发服务器（关掉ng serve再重新启动），不然配置不会生效！

3. 如果是在styles.css里导入主题 #

如果你是在全局样式文件里通过@import导入的，确保语句是：

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

这里不用加./node_modules/前缀，Angular会自动从node_modules里查找依赖包。要是你写了相对路径（比如../node_modules/...），很可能因为文件层级不对导致找不到。

4. 验证文件是否存在 #

最后去项目的node_modules/@angular/material/prebuilt-themes目录下看看，有没有indigo-pink.css这个文件。如果没有，说明依赖安装不完整，回到第一步重新安装就好。

一般按这个流程走，问题就能解决啦！

内容的提问来源于stack exchange，提问作者tilly