安装Angular Material后出现找不到@angular/platform-browser/animations模块错误

问题分析 #

安装Angular Material后启动应用出现模块找不到错误，核心原因是@angular/platform-browser包可能安装不完整、缓存损坏，或是依赖版本匹配异常。

解决方案 #

1. 重新安装@angular/platform-browser包 #

直接重新安装对应版本的包，确保模块文件完整：

yarn remove @angular/platform-browser
yarn add @angular/platform-browser@^15.0.1

2. 清理缓存并重装所有依赖 #

若上述步骤无效，彻底清理缓存和现有依赖，重新构建依赖环境：

# 清理Yarn缓存
yarn cache clean
# 删除node_modules目录和yarn.lock文件
rm -rf node_modules
rm yarn.lock
# 重新安装所有依赖
yarn install

Windows环境替换删除命令：

rd /s /q node_modules
del yarn.lock

3. 导入动画模块以适配Angular Material #

解决依赖问题后，需在app.module.ts中导入动画模块，确保Angular Material功能正常运行：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    // 其他已导入模块
    BrowserAnimationsModule
  ],
  // ...其他配置项
})
export class AppModule { }

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