lodashモジュールをインポートするのに苦労しています。npm + gulpを使用してプロジェクトをセットアップし、同じ壁にぶつけ続けました。私は通常のロダッシュだけでなく、ロダッシュも試しました。
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'は、lodashとlodash-esがインストールされているnode_modulesフォルダーをimportステートメントで指し示す必要があります。また、絶対パス、相対パスなど、さまざまなインポート方法を試しましたが、何も機能しないようです。何か案は?
必要に応じて、問題を説明する小さなzipファイルを提供できます。