change - page title angular 4

Manera correcta de importar y usar lodash en Angular

Question

Solía ​​poder usar un método lodash en Angular por una declaración de importación que se parecía a lo siguiente:

import {debounce as _debounce} from ''lodash'';

Ahora obtengo el siguiente error cuando uso esa declaración:

''"{...}/node_modules/@types/lodash/index"'' has no exported member ''debounce''.

Lo único que compilará sin errores es esta declaración:

import * as _ from ''lodash''; 

En mi código, cambio _debounce() a _.debounce() . ¿Es esa la única (y / o correcta) manera de hacerlo? ¿Hay una manera de importar únicamente el rebote o no importa debido a la "tala de árboles"? Me doy cuenta de que puedo escribir mi propia función de rebote, pero estoy principalmente interesado en la forma "correcta" de hacer esto.

ps Otras variaciones que he probado (cada una tiene algún tipo de error asociado):

import {debounce as _debounce } from ''lodash/debounce'';
import * as _debounce from ''lodash/debounce'';
import debounce = require(''lodash/debounce'');

Para tu información ... Estoy usando las siguientes versiones:

Angular: 2.4.5

Mecanografía: 2.1.5

Angular-cli: 1.0.0-beta.26

Answer 1

Tuve el mismo problema y comenzó a funcionar después de cambiar "@ types / lodash" a la versión "4.14.50".

Answer 2

(Si te importa el temblor de árboles ver actualización )
Supongo que para traer lodash a tu proyecto ya lo hiciste

npm install lodash --save
npm install @types/lodash --save-dev

Si desea importar solo las funciones requeridas debe hacer:

import * as debounce from ''lodash/debounce''

o

import { debounce } from "lodash";

Úsalo como:

debounce()

Por cierto: es posible que tenga que bajar la versión mecanografiada a 2.0.10 ya que está usando angular 2.x.

npm install [email protected] --save-dev

ACTUALIZAR:

Recientemente me di cuenta de que el paquete lodash simplemente no se puede sacudir en el árbol, así que si necesita tres agitadores, use en su lugar lodash-es .

npm install lodash-es --save
npm install @types/lodash-es --save-dev

import debounce from ''lodash-es/debounce''