ERROR Error: Uncaught (in promise): Error: ASSERTION ERROR: Type passed in is not ComponentType, 它没有 'ɵcmp' 属性

Question

我的 Angular 应用程序中有一个指向外部 url 的链接。我正在使用 Angular 路由器，当我单击该链接时在控制台中收到此错误：

ERROR Error: Uncaught (in promise): Error: ASSERTION ERROR: Type passed in is not ComponentType, it does not have 'ɵcmp' property. Error: ASSERTION ERROR: Type passed in is not ComponentType, it does not have 'ɵcmp' property.

我意识到我的“安装应用程序组件”中没有@Component 装饰器，只是想知道如何解决这个问题，因为我的“安装应用程序组件”不需要 ts 或 scss 文件。

来自我的 app-routing.module.ts：

const routes: Routes = [
  {path: 'login', component: LoginPageComponent, canActivate: [LoginCanActivate]},
  {path: 'login/:logout', component: LoginPageComponent},
  {path: 'new-password', component: LoginNewPasswordComponent},
  {path: 'forgot-password', component: ForgotPasswordComponent},
  {
    path: 'install-app',
    canActivate: [InstallAppComponent],
    component: InstallAppComponent,
  },

从我的配置服务中获取外部 url 的“组件”：

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, Router, RouterStateSnapshot } from '@angular/router';
import { AppConfigService } from '../services/app-config.service';

@Injectable({
  providedIn: 'root'
})
export class InstallAppComponent implements CanActivate {

  constructor(private router: Router, private appConfigService: AppConfigService) { }

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
    window.location.href = this.appConfigService.getConfig().fieldInstallUrl;
    return true;
  }
}

我在哪里创建链接 ts:

      {
        label: 'INSTALLATION APP',
        icon: 'build_circle',
        link: './install-app',
        index: 4
      },

html

          <a
            *ngIf="link.link"
            mat-tab-link
            [routerLink]="link.link"
            routerLinkActive
            #rla="routerLinkActive"
            [active]="rla.isActive"
            (click)="refreshView(link.link)"
          >
            {{ link.label }}
          </a>
          <a *ngIf="link.handler" mat-tab-link (click)="link.handler()">
            {{ link.label }}
          </a>

Answer 1

我认为你必须选择。

• 使用一个 function 的服务来路由到外部页面。 改为调用此 function 以导航到install-app ，以便您可以完全删除该路由
• 使InstallAppComponent成为一个组件。 为什么它是CanActivate ？ 您可以改为在组件的 ngOnInit 中进行路由。 scss 文件是可选的，不是强制性的。