Angular 2子路由(v3)'无法读取未定义的属性'annotations''

莫谢克

我正在尝试在Angular 2中运行并运行一个测试应用程序,但是在使路由在最新版本的路由器(3.0.0 alpha-7)中工作时遇到了一些问题。

main.ts:

import {bootstrap}    from '@angular/platform-browser-dynamic';
import {AppComponent} from './app.component';
import {APP_ROUTER_PROVIDERS} from './app.routes';

bootstrap(AppComponent, [APP_ROUTER_PROVIDERS]);

app.component.ts:

import {Component} from '@angular/core';
import {ROUTER_DIRECTIVES} from '@angular/router';

@Component({
    selector: 'my-app',
    template: `
       <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES]
})
export class AppComponent { }

app.routes.ts:

import {provideRouter, RouterConfig} from '@angular/router';
import {SigninRoutes} from './signin/signin.routes';

export const AppRoutes: RouterConfig = [
    ...SigninRoutes
]

export const APP_ROUTER_PROVIDERS = [
    provideRouter(AppRoutes)
];

signin.component.ts:

import {Component} from '@angular/core';
import {ROUTER_DIRECTIVES} from '@angular/router';

@Component({
    selector: 'signin',
    template: `
        <a [routerLink]="['/signin']">Sign In</a>
        <a [routerLink]="['/profile']">Profile</a>
        <br><br>Sign In Test
        <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES]
})

export class SigninComponent {

}

signin.routes.ts:

import {Component} from '@angular/core';
import {ROUTER_DIRECTIVES} from '@angular/router';

@Component({
    selector: 'signin',
    template: `
        <a [routerLink]="['/signin']">Sign In</a>
        <a [routerLink]="['/profile']">Profile</a>
        <br><br>Sign In Test
        <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES]
})

export class SigninComponent {

}

profile.component.ts:

import {Component} from '@angular/core';

@Component ({
    selector: 'profile',
    template: `
        Profile Test
    `

})

export class ProfileComponent {

}

出于某种原因,我可以启动该应用程序,但是尝试单击Profile RouterLink会导致错误:

“例外:错误:未捕获(承诺中):TypeError:无法读取未定义的属性'annotations'”

如果有人可以帮助我解决这个问题,将不胜感激。

贡特·佐克鲍尔

听起来好像:

类似问题:

检查常见错误:

  • 确保您没有/进入path路线
  • 确保每个途径都有之一componentredirectTochildren
  • 确保将路由中使用的组件正确导入到定义了路由的文件中

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular 2异常:TypeError:无法读取未定义的属性“ annotations”

来自分类Dev

Angular2 v3组件路由器:TypeError:无法读取未定义的属性“ split”

来自分类Dev

无法读取未定义Angular 2的属性

来自分类Dev

Angular - Ionic 2 - 无法读取未定义的属性“订阅”

来自分类Dev

(Angular2 和 Typescript)Angular 的 DatePicker 无法读取未定义的属性“切换”

来自分类Dev

Angular 1组件路由器:无法读取未定义的属性“ startsWith”

来自分类Dev

NgZone / Angular2 / Ionic2 TypeError:无法读取未定义的属性“运行”

来自分类Dev

Angular2-TypeError:无法读取(Typescript)中未定义的属性'Id'

来自分类Dev

无法读取Angular 2中的嵌套调用中未定义的属性“ subscribe”

来自分类Dev

Angular2 * ngFor:“无法读取未定义的属性'0'”

来自分类Dev

Angular 2 ViewChild不起作用-无法读取未定义的属性nativeElement

来自分类Dev

Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

来自分类Dev

@ ngrx /使用Angular 2的存储:无法读取未定义的属性

来自分类Dev

angular2形式-无法读取未定义的属性替换

来自分类Dev

Angular2 + RxJS-无法读取未定义的下一个属性

来自分类Dev

Angular2 beta 11无法读取未定义的属性区域

来自分类Dev

更新后的Angular 2我收到此错误:无法读取未定义的属性“区域”

来自分类Dev

如何上传照片(ng2-file-upload)Angular无法读取未定义的属性“ push”

来自分类Dev

Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

来自分类Dev

使用ngFormModel(ES6)时angular2无法读取未定义的属性'validator'

来自分类Dev

Angular 2 beta16无法读取未定义的属性“ MinFreeShipping”

来自分类Dev

Angular 2 rc1 TypeError:无法读取未定义的属性“注释”

来自分类Dev

angular 2 rc-无法读取未定义的属性“ request”

来自分类Dev

Angular2(RC-4):无法读取未定义的属性“ pathsWithParams”

来自分类Dev

使用@input在Angular 2中“无法读取未定义的属性'名称'”

来自分类Dev

带有Webpack的Angular 2(无法读取未定义的属性“排除”)

来自分类Dev

Angular 2 数据绑定(无法读取未定义的属性“proposta_usuario”)

来自分类Dev

Angular 2:错误类型错误:无法读取未定义的属性“值”

来自分类Dev

类型错误:无法读取编辑视图模板上未定义的属性“Id” - Angular 2

Related 相关文章

  1. 1

    Angular 2异常:TypeError:无法读取未定义的属性“ annotations”

  2. 2

    Angular2 v3组件路由器:TypeError:无法读取未定义的属性“ split”

  3. 3

    无法读取未定义Angular 2的属性

  4. 4

    Angular - Ionic 2 - 无法读取未定义的属性“订阅”

  5. 5

    (Angular2 和 Typescript)Angular 的 DatePicker 无法读取未定义的属性“切换”

  6. 6

    Angular 1组件路由器:无法读取未定义的属性“ startsWith”

  7. 7

    NgZone / Angular2 / Ionic2 TypeError:无法读取未定义的属性“运行”

  8. 8

    Angular2-TypeError:无法读取(Typescript)中未定义的属性'Id'

  9. 9

    无法读取Angular 2中的嵌套调用中未定义的属性“ subscribe”

  10. 10

    Angular2 * ngFor:“无法读取未定义的属性'0'”

  11. 11

    Angular 2 ViewChild不起作用-无法读取未定义的属性nativeElement

  12. 12

    Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

  13. 13

    @ ngrx /使用Angular 2的存储:无法读取未定义的属性

  14. 14

    angular2形式-无法读取未定义的属性替换

  15. 15

    Angular2 + RxJS-无法读取未定义的下一个属性

  16. 16

    Angular2 beta 11无法读取未定义的属性区域

  17. 17

    更新后的Angular 2我收到此错误:无法读取未定义的属性“区域”

  18. 18

    如何上传照片(ng2-file-upload)Angular无法读取未定义的属性“ push”

  19. 19

    Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

  20. 20

    使用ngFormModel(ES6)时angular2无法读取未定义的属性'validator'

  21. 21

    Angular 2 beta16无法读取未定义的属性“ MinFreeShipping”

  22. 22

    Angular 2 rc1 TypeError:无法读取未定义的属性“注释”

  23. 23

    angular 2 rc-无法读取未定义的属性“ request”

  24. 24

    Angular2(RC-4):无法读取未定义的属性“ pathsWithParams”

  25. 25

    使用@input在Angular 2中“无法读取未定义的属性'名称'”

  26. 26

    带有Webpack的Angular 2(无法读取未定义的属性“排除”)

  27. 27

    Angular 2 数据绑定(无法读取未定义的属性“proposta_usuario”)

  28. 28

    Angular 2:错误类型错误:无法读取未定义的属性“值”

  29. 29

    类型错误:无法读取编辑视图模板上未定义的属性“Id” - Angular 2

热门标签

归档