Angular10编译报错NG8001: 'mat-card-title'不是已知元素怎么解决？

解决方案 #

第一步：清除缓存并重装依赖（优先尝试，90%以上此类拉分支后突发报错可解决） #

你拉取分支后出现额外node_modules文件夹，大概率是本地依赖版本和新分支要求的版本不匹配，同时Angular编译缓存未更新导致的错误：

• 停止当前正在运行的ng serve进程
• 执行命令删除缓存和旧依赖：

#  macOS/Linux 执行
rm -rf node_modules package-lock.json .angular
# Windows 可手动删除项目根目录下的node_modules文件夹、package-lock.json文件、.angular文件夹

• 重新安装依赖：

npm install
# 若使用yarn则执行yarn install，使用pnpm则执行pnpm install

• 重新启动本地服务验证：

ng serve

第二步：若重装依赖后仍报错，检查模块导入配置 #

确认你的项目架构类型，对应检查Material组件导入逻辑即可，不需要盲目给所有组件加导入：

• 若为NgModule架构：找到LandingPageComponent所属的NgModule，确认该NgModule的imports数组中已经引入了MatCardModule，引入路径为@angular/material/card。如果该组件属于懒加载子模块，不要只把MatCardModule导入到根AppModule中，必须导入到对应子模块的imports数组里。
• 若为Standalone独立组件架构：才需要在LandingPageComponent的@Component装饰器的imports数组中导入MatCardModule。

注意：不要按照报错提示随意添加CUSTOM_ELEMENTS_SCHEMA，该配置只会屏蔽组件未识别的报错，不会解决实际导入问题，还会隐藏其他潜在异常。

附加排查点 #

确认新拉取分支的package.json中@angular/material的版本和@angular/core等核心包的版本是匹配的，跨大版本的不兼容也会导致组件识别失效。

你提供的控制台错误截图如下：

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