如何在Stackblitz默认Angular应用组件中添加更多独立组件？

云上老周

2026-7-20

解决Angular独立组件导入报错：Cannot find module 'app-nav.component'

问题原因

报错核心是主组件中未添加正确的组件导入语句，Angular无法定位到AppNavComponent的文件位置。

添加正确的相对路径导入：在主组件文件顶部补充导入语句，路径需和文件实际位置匹配。
若主组件和app-nav.component.ts在同一目录下，导入语句应为：
```
import { AppNavComponent } from './app-nav.component';
```
若主组件在子目录（比如src/app/），而组件文件在src/根目录，路径要调整为../app-nav.component。
确认组件已导出：检查AppNavComponent是否用export关键字对外暴露（你的代码中已正确导出，此步可跳过，若后续仍有问题再验证）。
验证主组件的imports数组：确保主组件的@Component配置里，imports数组已包含AppNavComponent（你的代码中已正确添加，此步确认即可）。