将lodash导入angular2+typescript应用程序

Question

import * as _ from 'lodash';    

结果：

error TS2307: Cannot find module 'lodash'.

lodash-es npm包：（在lodash.js i包根文件夹中有一个默认导出）

import * as _ from 'lodash-es/lodash';

结果：

error TS2307: Cannot find module 'lodash-es'.   

import 'lodash-es/lodash';

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules"
  ]
}

var gulp = require('gulp'),
    ts = require('gulp-typescript'),
    uglify = require('gulp-uglify'),
    sourcemaps = require('gulp-sourcemaps'),
    tsPath = 'app/**/*.ts';

gulp.task('ts', function () {
    var tscConfig = require('./tsconfig.json');
    
    gulp.src([tsPath])
        .pipe(sourcemaps.init())
        .pipe(ts(tscConfig.compilerOptions))
        .pipe(sourcemaps.write('./../js'));
});

gulp.task('watch', function() {
    gulp.watch([tsPath], ['ts']);
});

gulp.task('default', ['ts', 'watch']);

如果有必要，我可以提供一个小的zip文件来说明这个问题。

Answer 1

以下是从Typescript 2.0开始如何做到这一点：（不推荐使用tsd和typings，而支持以下内容）：

$ npm install --save lodash

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

然后，在您的。ts文件中：

要么：

import * as _ from "lodash";

import _ from "lodash";