我很难尝试导入 lodash module。我已经使用 npm+gulp 设置了我的项目,并且一直在碰壁。我试过普通的 lodash,也试过 lodash-es。
lodash npm 包:(在包根文件夹中有一个 index.js 文件)
import * as _ from 'lodash';
结果是:
error TS2307: Cannot find module 'lodash'.
lodash-es npm 包:(在 lodash.js 包根文件夹中有一个默认导出)
import * as _ from 'lodash-es/lodash';
结果是:
error TS2307: Cannot find module 'lodash-es'.
gulp 任务和 webstorm 都报告了同样的问题。
有趣的事实,这不会返回错误:
import 'lodash-es/lodash';
......但当然没有“_”......
我的 tsconfig.json 文件:
{
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules"
]
}
我的 gulpfile.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 中的 moduleResolution:'node' 应该将导入语句指向 node_modules 文件夹,其中安装了 lodash 和 lodash-es。我也尝试了很多不同的导入方式:绝对路径、相对路径,但似乎没有任何效果。有任何想法吗?
如有必要,我可以提供一个小的 zip 文件来说明问题。