使用JSPM和Typescript改进Webstorm 11中的导入

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/angular2@2.0.0-beta.0/src/core/metadata";
import {Component} from "../../jspm_packages/npm/angular2@2.0.0-beta.0/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 angular2@2.0.0-beta.2 es6-promise@^3.0.2 es6-shim@^0.33.3 reflect-metadata@0.1.2 rxjs@5.0.0-beta.0 zone.js@0.5.10 --save