Angular 2引导函数给出错误"参数类型AppComponent不可分配给参数类型类型"

Question

这是我第一个Hello World来自Angular 2快速入门指南的简单角度2应用程序.

import {Component} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';
@Component({
    selector: 'ng2-app',
    template: '<h1>My first Angular 2 App</h1>'
})
export class AppComponent { }


bootstrap(AppComponent);

当我运行时,应用程序运行正常npm start但我的IntelliJ IDE在行中显示错误bootstrap(AppComponent)

参数类型AppComponent不能分配给参数类型Type

查看bootstrap函数声明,AppComponent需要扩展Type.

export declare function bootstrap(appComponentType: Type, customProviders?: Array<any>): Promise<ComponentRef>;

我的问题是:

是否期望Angular组件扩展Type？

Answer 1

我在Intellij 2016.1.2中偶然发现了Angular快速入门演示.在IDE中设置以下选项有助于:

Answer 2

添加注释/注释如下所示解决了问题

//noinspection TypeScriptValidateTypes
bootstrap(AppComponent);

Answer 3

上述答案对我不起作用.我能够通过做上面评论中推荐的内容来修复它.

bootstrap(<any>AppComponent);

我正在使用Intellij 14.1.5

Answer 4

实际上,AppComponent预计将扩展Type.所以使用以下内容:

// app.component.ts
import { Component, Type } from '@angular2/core';

@Component({
...
...
})
export class AppComponent extends Type {}

这也将遵循针对AppComponent(要引导)的ng2的预期约定.

我不确定为什么他们没有在ng2教程中介绍它,可能它们可能是为了简化初始学习,因为它甚至没有扩展部分运行.

这在WebStorm/IntelliJ中完美无缺.

编辑:替代解决方案是更新到Webstorm v2016.2(在此评论时稳定).