AngularJS 2.0 TypeScript Intellij idea (or webstorm) - ES6 import syntax

intellij-idea typescript1.5 typescript1.4
ses picture ses · May 13, 2015 · Viewed 13.6k times · Source

Trying to make these steps to make AngularJS 2.0 sample app running.

On that step, putting code in app.ts:

/// <reference path="typings/angular2/angular2.d.ts" />
import {Component, View, bootstrap} from 'angular2/angular2';

Got latest 14.1.3 IntelliJ IDE.

But seems it does not understand 'import' (highlighting complain)

Q: IS that because It does not support yet TypeScript 1.5? (it the IDE settings I can see embedded 1.4 version). Could it be compiled with that IDE?

Answer

Dany Ellement picture Dany Ellement · Jun 5, 2015

it look like you didn't specify the compiler arguments to tell which module loader to use, also you want to make sure you are using the latest TypeScript Compiler, to this date the latest was 1.5.0 beta.

First

You can download the bin of the TypeScript compiler tsc and all other related files on their GitHub Repository: https://github.com/Microsoft/TypeScript/tree/master/bin

or you can also install it as a Node.js Package:

npm install -g typescript

Second

You need to configure intelliJ properly by changing the Compiler version to custom and point to the location of the latest TypeScript bin folder

in IntelliJ press Ctrl+Alt+S, search for TypeScript and under Languages & Frameworks select TypeScript, make sure your IntelliJ is up to date though.

And to solve the problem you are asking here specify the following Command Line options:

--module "amd" --target "es5"

Screenshot:

enter image description here

Third

It is worth mentioning that the TypeScript 1.5 compiler and Angular 2 are both in Beta so this answer could be irrelevant in the following weeks or month.

Enjoy!

Dany

Related questions

Correct way to add external jars (lib/*.jar) to an IntelliJ IDEA project

When creating a new Java project in IntelliJ IDEA, the following directories and files are created: ./projectname.iml ./projectname.ipr ./projectname.iws ./src/ I want to configure IntelliJ IDEA to include my dependency JARs in ./lib/*.jar to the project. …

Read More
How to build jars from IntelliJ properly?

I have a project that contains a single module, and some dependencies. I'd like to create a jar, in a separate directory, that contains the compiled module. In addition, I'd like to have the dependencies present beside my module. No …

Read More
"Default Activity Not Found" on Android Studio upgrade

I upgraded IntelliJ Idea from 12.0.4 to 12.10. Now all the modules in my Android project give the error: Error: Default Activity Not Found I reverted back to 12.0.4 and it everything works again. Any ideas? I think it might be an issue …

Read More