JSPM 和 Typescript 导入

Question

我正在尝试使用 Typescript 和 SystemJS 使用 Angular2，但我在导入时遇到了问题。

使用此导入（或任何其他 angular2 导入）

import {bootstrap} from 'angular2/platform/browser';

我收到 Webstorm 和 tsc 编译器错误（WS：无法解析目录，tsc：找不到模块），即使 jspm_packages/npm/angular2@2.0.0-beta 中有 angular2。 0

我的目录结构是

browser
    components
        app.component.ts
    bootstrap.ts
    index.html
node_modules
jspm_packages
jspm.config.js
package.json
tsconfig.json

tsconfig.json

{
  "compilerOptions": {
    "target": "ES5",
    "module": "system",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "filesGlob": [
    "!./node_modules/**/*.ts",
    "!./jspm_packages/**/*.ts",
    "./**/*.ts"
  ]
}

并在 jspm.config.js

中配置

System.config({
    defaultJSExtensions: true,
    transpiler: "typescript",
    paths: {
        "github:*": "../jspm_packages/github/*",
        "npm:*": "../jspm_packages/npm/*"
    }})

这段代码以某种方式工作，但编译器似乎很困惑，有没有更好（或正确）的方法来做到这一点？谢谢

Answer 1

这在 Webstorm 11 中目前是不可能的。有一个实际可行的解决方法，请参阅 David Festen 的评论：https://youtrack.jetbrains.com/issue/WEB-18904。

顺便说一下，请为这个问题 +1，这可能有助于加快 Jetbrains 的修复速度。

JSPM 和 Typescript 导入

JSPM and Typescript import

typescript

systemjs

angular