Asp.net core 1.0 rc2 with angular 2 导入外部库

Asp.net core 1.0 rc2 with angular 2 importing external libraries

我在将 _underscore 库导入我的 Angular 2 时遇到问题,我所做的是:

  1. 已将 "underscore": "^1.8.3" 添加到我的 package.json 文件中 "dependencies" 部分(根据我的理解,这将下划线拉到我的 node_modules 目录
  2. 我更新了我的 gulpfile.js 并告诉它把 underscore-min.js 从 node_modules 拉到 "./wwwroot/libs"
  3. 之后我转到 systemjs.config.js 文件并将 'underscore': 'libs/underscore' 添加到 "map" 部分,我还在同一文件的包部分下添加了 'underscore': {defaultExtension:'js'} - 这应该在我的理解指向下划线-min.js 一旦我在我的 angular2 组件中要求它。
  4. 我将 <script src="libs/underscore/underscore-min.js"></script> 添加到我的 index.html 文件
  5. 最后我去了我的组件并添加了 import * as _ from 'underscore'; 其中 returns 说错了 "Cannot find module 'underscore'." - 我在步骤 3
  6. 中指出

如果合适,我用了https://medium.com/@s_eschweiler/using-external-libraries-with-angular-2-87e06db8e5d1#.4bzkvnw1n作为参考...

知道我在这里做错了什么吗?提前致谢

您需要为 TypeScript 编译器安装类型定义才能了解 underscore。很可能该指南是为 JavaScript 项目而不是 TypeScript 编写的。

目前,获取类型定义的最佳方法是使用 Typings 工具。

  1. 全局安装类型。每台机器只需执行一次

    npm install typings --global

  2. 在项目中安装 underscore 类型定义

    typings install dt~underscore --global

您可能还需要在代码中引用类型定义,具体取决于您的项目设置。 Typings FAQ 有关于如何执行此操作的示例。