html - 尝试将组件添加到模块文件时，Stackblitz 上的导入错误

Question

我正在使用 Stackblitz 练习 angularJS，当我尝试在 app.module.ts 文件中导入组件时出现错误。

Import error, can't find file:
./heroes/heroes.component

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';
import { HeroesComponent } from './heroes/heroes.component';

https://stackblitz.com/edit/angular-akxx4e?file=src%2Fapp%2Fapp.module.ts

Answer 1

更新下面的更改，因为它在不同的文件夹中

import { HeroesComponent } from '../heroes/heroes.component';

Answer 2

方法一

由于在错误位置内创建组件，会出现此问题。所以heroes component应该在app根目录下创建。这是推荐的答案。

---

方法二

更正组件的相对路径也是可行的。但这不是正确的答案。

import { HeroesComponent } from '../heroes/heroes.component';