Angular Universal and Guards问题

时间:2018-11-04 08:44:51

标签: angular

我有3条路线。我仅在2条路由中使用auth和admin Guard。现在,当我通过单击主页上的链接加载我的第一条路线(没有警卫)时,一切顺利。但是,如果我尝试直接访问它,则会出现以下错误。

我确定这与路线和警卫有关,所以我需要一些帮助。  请仔细阅读以下内容,让我知道出了什么问题。

奇怪的是,它可以与 ng serve 一起正常使用,完全没有问题,但仅在有角度通用ssr的情况下会导致抛出错误。

  

TypeError:provider.ngOnDestroy不是函数       在callProviderLifecycles(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:17395:18)       在callElementProvidersLifecycles(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:17363:13)       在callLifecycleHooksChildrenFirst(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:17353:29)       在destroyView(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:18415:5)       在callViewAction(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:18541:13)       在execComponentViewsAction(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:18463:13)       在destroyView(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:18414:5)       在callViewAction(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:18541:13)       在execEmbeddedViewsAction(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:18484:17)       在destroyView(D:\ Exercises \ Angular \ productsApp \ dist \ server.js:18413:5)

 {
    path: 'product/:id',
    component: ProductDetailComponent    
  },
  {
    path: 'product/add',
    component: AddProductComponent,
    canActivate: [AuthGuard, AdminAuthGuard]
  },
  {
    path: 'product/edit/:id',
    component: EditProductComponent,
    canActivate: [AuthGuard, AdminAuthGuard]
  }

1 个答案:

答案 0 :(得分:0)

我刚刚解决了这个问题。问题是我在模仿羽毛笔编辑器以使其在SSR上运行。我唯一需要添加到该模拟QuillEditorComponent的东西。

ngOnDestroy(): void {

    }