NPM install——save @types/lodash

https://www.npmjs.com/package/@types/lodash

2016年9月26日更新:

正如@Taytay的回答所说，我们现在可以使用几个月前使用的“typings”安装:

npm install --save @types/lodash

以下是支持这个答案的一些参考文献:

https://www.npmjs.com/package/@types/lodash NPM @types org包中的TypeScript类型

如果仍在使用类型安装，请参阅下面(其他人)关于“'——ambient''和'——global " ''的评论。

此外，在新的快速入门中，配置不再在index.html中;它现在在SystemJS .config.ts中(如果使用SystemJS)。

最初的回答:

这在我的mac上是有效的(在按照快速入门安装了Angular 2之后):

sudo npm install typings --global
npm install lodash --save 
typings install lodash --ambient --save

您将发现各种文件受到影响，例如:

/typings/main.d.ts /typings.json /package.json

Angular 2快速入门使用System.js，所以我在index.html的配置中添加了'map'，如下所示:

System.config({
    packages: {
      app: {
        format: 'register',
        defaultExtension: 'js'
      }
    },
    map: {
      lodash: 'node_modules/lodash/lodash.js'
    }
  });

然后在我的.ts代码中，我能够做到:

import _ from 'lodash';

console.log('lodash version:', _.VERSION);

2016年年中起编辑:

正如@tibbus提到的，在某些情况下，你需要:

import * as _ from 'lodash';

如果从angular2-seed开始，如果你不想每次都导入，你可以跳过映射和导入步骤，只需取消tools/config/project.config.ts中的lodash行注释。

为了让我的测试与lodash一起工作，我还必须在karma.conf.js中的文件数组中添加一行:

'node_modules/lodash/lodash.js',

我在Angular 4.0.0上使用preboot/ Angular -webpack，不得不走一条稍微不同的路线。

@Taytay提供的解决方案对我来说很管用:

npm install --save lodash
npm install --save @types/lodash

并使用以下方法将函数导入给定的. ponent.ts文件:

import * as _ from "lodash";

这是因为没有“默认”导出类。我的不同之处在于，我需要找到在第三方库中加载的方式:供应商。坐在那里的Ts:

src/vendor.ts

我的供应商。Ts文件现在看起来是这样的:

import '@angular/platform-browser';
import '@angular/platform-browser-dynamic';
import '@angular/core';
import '@angular/common';
import '@angular/http';
import '@angular/router';

import 'rxjs';
import 'lodash';

// Other vendors for example jQuery, Lodash or Bootstrap
// You can import js, ts, css, sass, ...

下面是如何做到这一点的Typescript 2.0: (tsd和类型不赞成以下):

$ npm install --save lodash

# This is the new bit here: 
$ npm install --save-dev @types/lodash

然后，在.ts文件中:

:

import * as _ from "lodash";

或者(正如@Naitik所建议的那样):

import _ from "lodash";

我不确定有什么不同。我们使用并更喜欢第一种语法。然而，有些人报告说第一种语法不适合他们，还有人评论说后一种语法与惰性加载webpack模块不兼容。YMMV。

2017年2月27日编辑:

根据下面@Koert, import * as _ from "lodash";是Typescript 2.2.1、lodash 4.17.4和@types/lodash 4.14.53中唯一可用的语法。他说，另一种建议的导入语法给出的错误是“没有默认导出”。

通过typeings和tsd命令管理类型最终被弃用，取而代之的是通过npm install @types/lodash来使用npm。

然而，我在import语句中“不能找到模块lodash”很长一段时间:

import * as _ from 'lodash';

最终我意识到Typescript只会从node_modules/@types开始版本2加载类型，而我的VsCode语言服务仍然使用1.8，所以编辑器报告错误。

如果你使用的是VSCode，你会想要包含

"typescript.tsdk":  "node_modules/typescript/lib"

在你的VSCode设置。Json文件(用于工作空间设置)，并确保通过NPM install typescript@2.0.2——save-dev安装了typescript版本>= 2.0.0

在那之后，我的编辑再也不会抱怨导入语句了。

通过npm安装。

$ npm install lodash --save

现在在文件中导入:

$ import * as _ from 'lodash';

ENV:

Angular CLI: 1.6.6 节点:6.11.2 操作系统:darwin x64 角:22 打印稿:2.4.2 webpack: 3.10.0