Angular пользовательский модуль не может быть загружен

Question

Вероятно, очевидно для большинства, но я до сих пор не могу этого выяснить.

У меня есть приложение angular и следующие соответствующие файлы

app/app.module.ts
app/dashboard/dashboard.component.html
app/dashboard/stats-tile/stats-tile.component.html

Я сгенерировал плитку статистики компонент с ng generate, поэтому в app.module.ts он импортирован, а также в объявлениях:

//app.module.ts
declarations: [
AppComponent,
TournamentSearchComponent,
DashboardComponent,
StatsTileComponent
],

Теперь я хочу показать компонент stats-tile

//dashboard.component.html
<app-dashboard-stats-tile></app-dashboard-stats-tile>

Я получаю :

Error: Template parse errors:
'app-dashboard-stats-tile' is not a known element:

Что я делаю не так. Я могу использовать другой компонент, созданный мной в компоненте приложения. есть ли разница, когда я создаю его в подпапке? Я немного новичок в angular, но я понимаю, что все импортированное / объявленное в app.module.ts доступно для всего приложения.

Answer 1

Я предполагаю, основываясь на именах файлов, что вы использовали здесь неправильное имя:

<app-dashboard-stats-tile></app-dashboard-stats-tile>

Имя этого компонента .ts файла будет "dashboard-stats-tile .ts ".

Вы можете заменить эту строку на:

<app-stats-tile></app-stats-tile>