Fala galera, tranquilo? Costumo utilizar Lodash em minhas aplicações e por esse motivo estou tentando integrar o mesmo com TypeScript (2.3.2) . Teoricamente seria feito da mesma forma que o JQuery foi incluído ao projeto.
1º TSD: npm install @types/lodash@4.14.120 --save-dev
2º A implementação em si.
import { Negociacao } from './Negociacao';
import * as _ from 'lodash';
export class Negociacoes
{
private _negociacoes: Array<Negociacao> = [];
// priate _negociacoes: Negociacao[];
adiciona(negociacao: Negociacao) : void
{
this._negociacoes.push(negociacao);
}
paraArray() : Negociacao[]
{
return _.clone(this._negociacoes);
}
}
O VSCode reconhece o Lodash e o autocomplete é habilitado e fonte é compilado normalmente pelo compilador do TypeScript, o problema surge quando o projeto é carregado no navegador, apresentando a seguinte mensagem no console:
Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/lodash.js Error: XHR error (404 Not Found) loading http://localhost:3000/lodash.js Error loading http://localhost:3000/lodash.js as "lodash" from http://localhost:3000/js/models/Negociacoes.js
Pelo que pesquisei o é problema esta no SystemJS que parece não estar conseguindo mapear o lodash.
Enfim, não consegui encontrar nenhuma solução, caso alguém saiba com resolver e possa me esclarecer agradeço.
Links pertinentes:
- https://www.typescriptlang.org/docs/handbook/declaration-files/consumption.html
- https://www.npmjs.com/package/@types/lodash
Vlw.