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

标签 typescript webstorm angular jspm

我正在为 Angular2 项目使用 JSPM 和 Typescript,而 Webstorm 11 似乎对 TS 类的导入路径感到困惑。

enter image description here

第一个导入是正确的:

从“angular2/core”导入{Component};

但另外两个是直接从 jspm_packages 文件夹中引用,错误地导入了这两个路径:

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";

我忽略了 tsconfig.json 中的 node_modulesjspm_packages,因为 Webstorm 似乎可以识别它,但到目前为止运气不好。

有什么方法可以配置 Webstorm 自动导入正确的模块并忽略其他两个?

最佳答案

Webstorm 当前不支持 jspm。但是 node.js 是。如果您通过 npm 安装 angular2,导入工作:

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

关于typescript - 使用 JSPM 和 Typescript 改进 Webstorm 11 中的导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34613334/

相关文章:

webstorm - 如何让 JetBrains webstorm 了解 Protractor 测试规范中的 `element` 、 `by` ?

javascript - 无法识别 ES6 - NodeJS 和 WebStorm

javascript - 当我使用 tsconfig 文件在 ts 代码中出错时,如何强制 TypeScript 不编译为 JS?

javascript - ionic 2 : How I can adding a new item to an object?

node.js - 如何在WebStorm上使用远程node_modules(容器内)?

javascript - Angular 2+ 从另一个组件获取 "form.valid"的最佳方法

javascript - Angular 2 : default radio button selection

javascript - 在父级中使用 Object.assign 设置子属性

javascript - Typescript 返回值或柯里化(Currying)函数

angular - 模块构建失败时出现错误(来自 ./node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js)