Ng serve et débogage

Bonjour.

J'essaie de deboguer mon code angular mais je me souviens plus ce que je dois chercher pour les erreus qui me restent :

Citation:

Error: src/app/app.module.ts:33:36 - error TS2304: Cannot find name 'ButtonToggleMatComponent'.

33 const el = createCustomElement(ButtonToggleMatComponent, {injector : this.injector});
~~~~~~~~~~~~~~~~~~~~~~~~

Error: src/app/navbar/navbar.component.html:16:43 - error NG8002: Can't bind to 'routerLink' since it isn't a known property of 'a'.

16 <a class="nav-item nav-link active" [routerLink]="['/sorties']" routerLinkActive="router-link-active" >Sorties<span class="sr-only">(current)</span></a>
~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/navbar/navbar.component.ts:5:16
5 templateUrl: './navbar.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component NavbarComponent.

Error: src/app/navbar/navbar.component.html:17:36 - error NG8002: Can't bind to 'routerLink' since it isn't a known property of 'a'.

17 <a class="nav-item nav-link" [routerLink]="['/sortiestriables']" routerLinkActive="router-link-active">Sorties triables</a>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/navbar/navbar.component.ts:5:16
5 templateUrl: './navbar.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component NavbarComponent.

Error: src/app/sorties/sorties.component.ts:11:3 - error TS2564: Property 'sorties' has no initializer and is not definitely assigned in the constructor.

11 sorties: Sortie[];
~~~~~~~

Et celle là :

Citation:

C:\Users\Zare6363\Documents\Perso\Projet\EasyPHP-Devserver-17_Win8_V1\eds-www\touslesport\Projet-V5.2\angular>ng v

_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/

Angular CLI: 13.3.9
Node: 18.12.0 (Unsupported)
Package Manager: npm 8.19.2
OS: win32 x64

Angular: 13.3.11
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1303.9
@angular-devkit/build-angular 13.3.9
@angular-devkit/core 13.3.9
@angular-devkit/schematics 13.3.9
@angular/cli 13.3.9
@schematics/angular 13.3.9
rxjs 7.5.7
typescript 4.6.4

Warning: The current version of Node (18.12.0) is not supported by Angular.

Merci de votre aide.

Bon.
En installant la version v16.10.0 de Node;js, j'ai une erreur de moins :

Citation:

C:\Users\Zare6363\Documents\Perso\Projet\EasyPHP-Devserver-17_Win8_V1\eds-www\touslesport\Projet-V5.2\angular>ng v

_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/

Angular CLI: 13.3.9
Node: 16.10.0
Package Manager: npm 7.24.0
OS: win32 x64

Angular: 13.3.11
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1303.9
@angular-devkit/build-angular 13.3.9
@angular-devkit/core 13.3.9
@angular-devkit/schematics 13.3.9
@angular/cli 13.3.9
@schematics/angular 13.3.9
rxjs 7.5.7
typescript 4.6.4

*

Citation:

33 const el = createCustomElement(ButtonToggleMatComponent, {injector : this.injector});

tu as bien importé ButtonToggleMatComponent ???? dans le module

* <a routerLink="/user/bob">link to user component</a>

Bonjour.

Non, je n'ai rien, ce qui m'étonne sur du code qui a fonctionné...

Du coup, je trouve pas quelle bibliothèque importer pour ButtonToggleMatComponent
Je ne trouve que pour MatButtonToggleModule

Je n'ai que ça :

Code:

1
2
3
4
5
6
import { BrowserModule } from '@angular/platform-browser';
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import  { Injector } from '@angular/core';
import  { createCustomElement } from '@angular/elements';
import { HttpClientModule } from '@angular/common/http';
import { FormsModule } from  '@angular/forms';

Suite sur le fil : https://www.developpez.net/forums/d2.../#post11888591