Estou com dificuldades para tentar importar os módulos lodash. Eu configurei meu projeto usando npm + gulp e continuo batendo na mesma parede. Eu tentei o lodash regular, mas também lodash-es.
O pacote lodash npm: (possui um arquivo index.js na pasta raiz do pacote)
import * as _ from 'lodash';
Resulta em:
error TS2307: Cannot find module 'lodash'.
O pacote lodash-es npm: (possui uma exportação padrão no lodash.js na pasta raiz do pacote)
import * as _ from 'lodash-es/lodash';
Resulta em:
error TS2307: Cannot find module 'lodash-es'.
A tarefa gulp e o webstorm relatam o mesmo problema.
Fato engraçado, isso não retorna erro:
import 'lodash-es/lodash';
... mas é claro que não há "_" ...
Meu arquivo tsconfig.json:
{
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules"
]
}
Meu 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']);
Se eu entendi corretamente, moduleResolution: 'node' no meu tsconfig deve apontar as instruções de importação para a pasta node_modules, onde lodash e lodash-es estão instalados. Também tentei várias maneiras diferentes de importar: caminhos absolutos, caminhos relativos, mas nada parece funcionar. Alguma ideia?
Se necessário, posso fornecer um pequeno arquivo zip para ilustrar o problema.