更新 angular2.d.ts 和 router.d.ts 以匹配 angular2 版本

Question

我正在 Atom 中使用 atom-typescript 开发一个使用 Angular2 的小型测试应用程序。我对 angular2.d.ts 的初始设置使用了 alpha.28，而 router.d.ts 使用了 alpha.31。我已将 index.html 更新为 alpha.46

<script src="https://code.angularjs.org/2.0.0-alpha.46/angular2.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-alpha.46/router.dev.js"></script>

现在，当我导入 ROUTE_PROVIDERS 之类的内容时，atom-typescript 会给我一个未找到的错误。我也得到 router.d.ts 找不到名称“不透明令牌”。

我想我需要匹配 alpha.46 的 d.ts 文件。经过几个小时的搜索和尝试，我无法做到这一点。我尝试 npm install angular2 将命令行光标放在 typings/angular2 上，我得到一个错误日志，其中包含 12,031 行，但没有新的 d.ts 文件。在很多方面，我还尝试了 Chrome 的空缓存和硬重载。

如何获得与 angular2 版本匹配的 d.ts 文件？是否可以自动更新，使其始终与 index.html 中的 angular2 版本匹配？

如果有帮助，这是我的 tsconfig.json 文件

{
  "compilerOptions": {
    "charset": " UTF-8",
    "declaration": false,
    "diagnostics": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "listFiles": true,
    "module": "commonjs",
    "noImplicitAny": false,
    "noLib": false,
    "outDir": "dist/js/cjs",
    "rootDir": "src",
    "removeComments": true,
    "sourceMap": true,
    "target": "es5",
    "version": true
  },
  "filesGlob": [
    "./**/*.ts",
    "!node_modules/**"
  ],
  "exclude": [
    "node_modules"
  ],
  "files": [
    "./app.ts",
    "./src/components/navigation/home.ts",
    "./src/components/navigation/postApartment4Rent.ts",
    "./typings/angular2/angular2.d.ts",
    "./typings/angular2/router.d.ts",
    "./typings/es6-promise/es6-promise.d.ts",
    "./typings/rx/rx-lite.d.ts",
    "./typings/rx/rx.d.ts",
    "./typings/tsd.d.ts"
  ],
  "atom": {
    "rewriteTsconfig": true
  },
  "buildOnSave": true,
  "compileOnSave ": true
}

Answer 1

我看到了一个有趣的解决方案here，至少在 ng2 版本不断变化时，我已将其用于开发代码：

1) 在 gulp 文件中：

gulp.src('node_modules/angular2/bundles/angular2.dev.js').pipe(gulp.dest(dest_lib));
gulp.src('node_modules/angular2/bundles/router.dev.js').pipe(gulp.dest(dest_lib));
gulp.src('node_modules/systemjs/dist/system.src.js').pipe(gulp.dest(dest_lib));

2) 在您的 index.html 文件中

<script src="lib/system.src.js"></script>
<script src="lib/angular2.dev.js"></script>
<script src="lib/router.dev.js"></script>