erreurs dans AppComponent

Question

J'ai récemment commencé à utiliser Typescript et j'ai rencontré beaucoup d'erreurs. Je ne peux pas vraiment trouver ce que j'ai changé pour obtenir des erreurs, mais mon projet fonctionnait avant. Console me montre:

projet construit avec succès déployé avec succès sur l'appareil avec identifiant '97BCBE2D-2771-44B1-A589-6BAAB994CE37.

Mais il montre tant de lignes d'erreurs et exceptions:

...

CONSOLE fichier LOG: /// app/tns_modules/@ angulaire/core/src/façade/lang. js: 345: 16: EXCEPTION: Erreur dans la classe ./AppComponent AppComponent - modèle en ligne: 0: 0

CONSOLE LOG file: ///app/tns_modules/@angular/core/src/facade/lang.js: 345: 16: EXCEPTION ORIGINALE: Aucun fournisseur pour RouterOutletMap!

....

CONSOLE fichier ERREUR: ///app/tns_modules/trace/trace.js: 160: 30: ns-renderer: ERREUR bootstrapping ANGULAIRE

CONSOLE fichier ERREUR: // /app/tns_modules/trace/trace.js:160:30: ns-renderer: EXCEPTION: erreur dans ./AppComponent classe AppComponent - modèle en ligne: 0: 0

...

EXCEPTION: erreur: Uncaught (en promesse): EXCEPTION: Erreur dans la classe ./AppComponent AppComponent - modèle en ligne: 0: 0

...

rejet Unhandled Promise: EXCEPTION: Erreur dans ./AppComponent classe AppComponent - modèle en ligne: 0: 0

Pouvez-vous me expliquer ce que ces erreurs signifient et comment y remédier?

mon fichier app.component.ts:

import {Component} from "@angular/core"; 
import {RouteConfig} from "@angular/router-deprecated"; 
import {NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS} from "nativescript-angular/router"; 

import {ListComponent} from "./components/list/list.component"; 
import {CreateComponent} from "./components/create/create.component"; 

@Component({ 
    selector: "my-app", 
    directives: [NS_ROUTER_DIRECTIVES], 
    providers: [NS_ROUTER_PROVIDERS], 
    template: "<page-router-outlet></page-router-outlet>", 
}) 

@RouteConfig([ 
    { path: "/list", component: ListComponent, name: "List", useAsDefault: true }, 
    { path: "/create", component: CreateComponent, name: "Create" }, 
]) 

export class AppComponent {} 

Et mes main.ts ressemble à ceci:

import {nativeScriptBootstrap} from "nativescript-angular/application"; 
import {AppComponent} from "./app.component"; 

nativeScriptBootstrap(AppComponent, null, { startPageActionBarHidden: false }); 

Answer 1

L'erreur que vous obtenez est probablement parce que vous utilisez le nouveau routeur nativescript intégration (nativescript-angular/router) avec l'ancien routeur angulaire (@angular/router-deprecated). Vous pouvez résoudre ce problème en modifiant votre importation en nativescript-angular/router-deprecated.

Vous pouvez également démarrer le nouveau routeur angulaire (@angular/router). Here est un article de documentation fraîchement mis à jour sur la façon de configurer et de l'utiliser avec NativeScript.