Javascript 将 lodash 导入 angular2 + typescript 应用程序

我很难让lodash模块进口.我已经用npm+gulp设置了我的项目，并且一直在碰壁.我试过普通的lodash，但也试过lodash.

lodash npm包:(在包根文件夹中有一个index.js文件)

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'.   

gulp任务和webstorm都报告了相同的问题.

有趣的是，这不会返回错误:

import 'lodash-es/lodash';

... 但当然没有"u"...

我的Tconfig.json文件:

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

我的gupfile.js:

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']);

如果我理解正确的话，我的tsconfig中的module eResolution:‘node’应该将import语句指向node_module文件夹，该文件夹安装了lowash和lowash-es.我还try 了很多不同的导入方式:绝对路径、相对路径，但似乎都不起作用.有什么主意吗？

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