Sto facendo fatica a cercare di importare i moduli lodash. Ho impostato il mio progetto usando npm + gulp e continuo a colpire lo stesso muro. Ho provato il lodash normale, ma anche lodash-es.
Il pacchetto npm lodash: (ha un file index.js nella cartella principale del pacchetto)
import * as _ from 'lodash';
Risultati in:
error TS2307: Cannot find module 'lodash'.
Il pacchetto npm lodash-es: (ha un'esportazione predefinita in lodash.js nella cartella principale del pacchetto)
import * as _ from 'lodash-es/lodash';
Risultati in:
error TS2307: Cannot find module 'lodash-es'.
Sia l'attività gulp che il webstorm segnalano lo stesso problema.
Fatto curioso, questo non restituisce alcun errore:
import 'lodash-es/lodash';
... ma ovviamente non c'è "_" ...
Il mio file tsconfig.json:
{
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules"
]
}
Il mio 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 ho capito bene, moduleResolution: 'node' nel mio tsconfig dovrebbe puntare le istruzioni di importazione alla cartella node_modules, dove sono installati lodash e lodash-es. Ho anche provato molti modi diversi di importare: percorsi assoluti, percorsi relativi, ma nulla sembra funzionare. Qualche idea?
Se necessario, posso fornire un piccolo file zip per illustrare il problema.