Bonjour à tous,
Je débute en Angular.
J'essaie de suivre plusieurs tuto pour apprendre comment ça fonctionne.
J'en suis arrivé à un qui me pose un problème. Je n'arrive pas à comprendre.
C'est vraiment super simple pourtant.
Tout d'abord mon environnement :
Angular CLI: 17.3.8
Node: 18.20.3
Package Manager: npm 10.8.1
Ensuite, j'ai créé 2 modules, core et shared.
J'ai créé un composant header dans core/components
J'ai déclaré le HeaderComonent dans core.module.ts :
J'ai importer mon module core dans le app.module.ts :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { HeaderComponent } from './components/header/header.component'; @NgModule({ declarations: [ HeaderComponent ], imports: [ CommonModule ], exports: [ HeaderComponent ] }) export class CoreModule { }
Ensuite, dans le app.component.html je rajoute mon header :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { CoreModule } from './core/core.module'; @NgModule({ declarations: [ AppComponent ], imports: [ CoreModule ], bootstrap: [ AppComponent ] }) export class AppModule { }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <app-header></app-header>
en quand j'essaie de faire un build, j'ai un message qui me dit ceci :
J'ai suivi le tuto vraiment au caractère près, je l'ai recommencé plusieurs fois, et j'arrive toujours au même résultat...X [ERROR] NG8001: 'app-header' is not a known element:
1. If 'app-header' is an Angular component, then verify that it is part of this module.
2. If 'app-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. [plugin angular-compiler]
src/app/app.component.html:0:0:
0 │
╵ ^
Error occurs in the template of component AppComponent.
src/app/app.component.ts:5:15:
5 │ templateUrl: './app.component.html',
╵ ~~~~~~~~~~~~~~~~~~~~~~
Si quelqu'un a une idée...
Michel
Partager