我在做 Angular 開發時，遇到如下錯誤：

core.js:6242 ERROR NullInjectorError: R3InjectorError(AppModule)[ChildrenOutletContexts -> ChildrenOutletContexts -> ChildrenOutletContexts]:
NullInjectorError: No provider for ChildrenOutletContexts!
at NullInjector.get (core.js:1086)
at R3Injector.get (core.js:16969)
at R3Injector.get (core.js:16969)
at R3Injector.get (core.js:16969)
at NgModuleRef$1.get (core.js:36344)
at Object.get (core.js:33987)
at getOrCreateInjectable (core.js:5849)
at Module.??directiveInject (core.js:21118)
at NodeInjectorFactory.RouterOutlet_Factory [as factory] (router.js:9156)
at getNodeInjectable (core.js:5994)

從這個StackOverflow討論帖子里找到了原因：

該錯誤是因為 RouterModule.forChild() 生成的模塊包含必要的指令和路由，但不包含路由服務 - routing provider. 這就是 RouterModule.forRoot 的用途：它生成一個包含必要指令、路由和路由服務的模塊。

解決辦法

在 app.module.ts 里調用 RouterModule.forRoot([])

在 feature module 里調用 RouterModule.forChild 傳入實際的路由數組即可：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的RouterModule.forRoot 和 RouterModule.forChild 的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。