我在application Component的HTML里定義了一個router-outlet元素：

遇到錯誤消息：

router-outlet is not a known element

查看其定義，源代碼比文檔更有說服力：

/*** @description** Acts as a placeholder that Angular dynamically fills based on the current router state.** Each outlet can have a unique name, determined by the optional `name` attribute.* The name cannot be set or changed dynamically. If not set, default value is "primary".** ```* <router-outlet></router-outlet>* <router-outlet name='left'></router-outlet>* <router-outlet name='right'></router-outlet>* ```** A router outlet emits an activate event when a new component is instantiated,* and a deactivate event when a component is destroyed.** ```* <router-outlet* (activate)='onActivate($event)'* (deactivate)='onDeactivate($event)'></router-outlet>* ```* @ngModule RouterModule** @publicApi*/ export declare class RouterOutlet implements OnDestroy, OnInit {private parentContexts;private location;private resolver;private changeDetector;private activated;private _activatedRoute;private name;activateEvents: EventEmitter<any>;deactivateEvents: EventEmitter<any>;constructor(parentContexts: ChildrenOutletContexts, location: ViewContainerRef, resolver: ComponentFactoryResolver, name: string, changeDetector: ChangeDetectorRef);ngOnDestroy(): void;ngOnInit(): void;get isActivated(): boolean;get component(): Object;get activatedRoute(): ActivatedRoute;get activatedRouteData(): Data;/*** Called when the `RouteReuseStrategy` instructs to detach the subtree*/detach(): ComponentRef<any>;/*** Called when the `RouteReuseStrategy` instructs to re-attach a previously detached subtree*/attach(ref: ComponentRef<any>, activatedRoute: ActivatedRoute): void;deactivate(): void;activateWith(activatedRoute: ActivatedRoute, resolver: ComponentFactoryResolver | null): void;static ?fac: ?ngcc0.??FactoryDef<RouterOutlet, [null, null, null, { attribute: "name"; }, null]>;static ?dir: ?ngcc0.??DirectiveDefWithMeta<RouterOutlet, "router-outlet", ["outlet"], {}, { "activateEvents": "activate"; "deactivateEvents": "deactivate"; }, never>; }

是一個place holder，Angular根據(jù)當前的router state在運行時填充。

解決辦法：

在AppModule里導入RouteModule即可：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的Angular路由错误消息 - router-outlet is not a known element的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。