Improving the imports in Webstorm 11 using JSPM and Typescript

Question

I am using JSPM and Typescript for an Angular2 project and Webstorm 11 seems confused about the import paths of the TS classes.

The first import is the correct one:

import {Component} from "angular2/core";

But the other two are referencing directly from the jspm_packages folder importing this two paths incorectly:

import {Component} from "../../jspm_packages/npm/[email protected]/src/core/metadata";
import {Component} from "../../jspm_packages/npm/[email protected]/ts/src/core/metadata";

I have ignored both node_modules and jspm_packages in tsconfig.json as Webstorm seems to recognize it, but no luck so far.

Is there any way i can configure Webstorm to automatically import the correct module and ignore the other two?

Answer 1

jspm is currently not supported by Webstorm. But node.js is. If you install angular2 via npm the imports work:

npm i [email protected] es6-promise@^3.0.2 es6-shim@^0.33.3 [email protected] [email protected] [email protected] --save