IntelliJ and Angular 2 Argument Type Not Assignable Errors

Question

Is Angular2 in IntelliJ (latest update of v15 - Ultimate) supposed to work? All the docs seem to say that it does via the AngularJS plugin, but I'm getting really odd intellisense errors. For example;

bootstrap(App, [
    ROUTER_PROVIDERS,
    provide(LocationStrategy, {useClass: HashLocationStrategy})
]);

Throws Argument type App is not assignable to parameter type Type

And standard annotations like;

@RouteConfig([
    {path: '/...', component: RootView, as: 'RootView', useAsDefault: true}
])

throw Argument type {path: string, component: RootView, as: string, useAsDefault: boolean}[] is not assignable to parameter type RouteDefinition[]

Has anyone run across this before? Anyone know how to make intelliJ play nice?

Source for App as requested;

import {Component, ViewEncapsulation} from 'angular2/core';
import {RootView} from './root-view';
import {
    RouteConfig,
    ROUTER_DIRECTIVES
} from 'angular2/router';

@Component({
    selector: 'app',
    templateUrl: './components/app/app.html',
    encapsulation: ViewEncapsulation.None,
    directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
    {path: '/...', component: RootView, as: 'RootView', useAsDefault: true}
])
export class App {
}

while you are tying to bootstrap `App`, it should be a component of your application defined via @Component with proper selector, template and exporting a class. I would like to see the complete source if possible — Sage, Jan 04 '16 at 04:55

score 2 · Accepted Answer · answered Jan 08 '16 at 14:09

2

It turns out, for reasons I can not explain, that a constructor is required or IntelliJ gets really confused, and the confusion goes all the way down the dependency chain.

In my instance, the fix was simple, a default, empty constructor in App:

export class App {
    constructor() {}
}

But general rule of thumb in Angular2 with IntelliJ seems to be constructors on everything in the DI chain -- at least for the moment. I assume this is a bug and will be fixed in the angular plugin for IntelliJ -- I just submitted it to them.

answered Jan 08 '16 at 14:09

XeroxDucati

5,130
2
37
66

3

Adding a constructor on all my classes didn't resolve it. – Erez Cohen Feb 06 '16 at 17:53
2

Could you add a link to your submitted bug? – Erez Cohen Feb 06 '16 at 17:53
I'm on PhpStorm, a reboot of the IDE helped me – ThomasP1988 May 19 '16 at 15:52
Adding a constructor + reboot didn't worked for me on PhpStorm. – Mick Jun 22 '16 at 16:25

Mick · Answer 2 · 2016-06-22T21:08:29.870

1

According to JetBrains issue tracker this has been fixed, and will be no more problem from the upcoming version 2016.2

Meanwhile you may use EAP version.

edited Jun 22 '16 at 21:08

answered Jun 22 '16 at 16:40

Mick

8,203
10
44
66

IntelliJ and Angular 2 Argument Type Not Assignable Errors

2 Answers2