删除node_modules重装后运行ng serve报"No NgModule metadata found for 'AppModule'"错误求助

我之前也碰到过一模一样的问题，删了node_modules重新装后就出这个错，多半是依赖没装全或者缓存搞鬼了。先看了下你的app.module.ts和main.ts代码，本身是没问题的——AppModule有正确的@NgModule装饰器，main.ts里的导入路径看起来也符合Angular默认的项目结构。

下面是我亲测有效的解决步骤：

第一步：彻底重置依赖 #

先把残留的依赖和锁文件清干净，避免旧缓存干扰：

• 删除项目根目录下的node_modules文件夹
• 删除package-lock.json（如果用yarn的话删yarn.lock）
• 清理npm缓存：npm cache clean --force
• 重新安装依赖：npm install

第二步：清理Angular构建缓存 #

Angular CLI会缓存构建文件，有时候旧缓存会导致元数据读取异常：

• 运行ng clean（这是Angular CLI 6+的命令，会自动清理缓存和dist文件夹）
• 如果是旧版本CLI，手动删除.angular/cache文件夹和dist文件夹

第三步：检查TypeScript编译是否正常 #

有时候看似无关的编译错误会导致Angular无法生成模块元数据：

• 运行ng build，看控制台有没有报错
• 如果有组件导入错误（比如你的NavComponent或FooterComponent路径不对），先修复这些问题——虽然你的代码里导入路径看起来是对的，但可以确认下./shared/nav/nav.component这些文件是否真的存在，文件名大小写是否匹配（Windows不敏感，但Linux/macOS敏感）

第四步：确认模块导入路径 #

再核对下main.ts里的AppModule导入：import { AppModule } from './app/app.module';
如果你的app.module.ts不在src/app目录下（比如项目结构改了），要调整这个路径。不过按默认结构来看是没问题的。

如果以上步骤都试了还是不行，可以检查下node版本和Angular版本是否兼容——比如Angular 15需要node 14.20+/16.13+/18.10+，版本不匹配也可能导致奇怪的依赖问题，可以运行node -v和ng version确认。

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