Forma correcta de importar y usar lodash en Angular

Solución:

(si te importa el temblor de los árboles, mira actualizar)

Supongo que para traer lodash a su proyecto ya lo hizo

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

Si desea importar solo las funciones necesarias, debe hacer:

import * as debounce from 'lodash/debounce'

o

import { debounce } from "lodash";

Úselo como:

debounce()

POR CIERTO: Puede que tenga que degradar su versión mecanografiada a 2.0.10 ya que está utilizando angular 2.x.

npm install [email protected] --save-dev

ACTUALIZAR:

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

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

import debounce from 'lodash-es/debounce'

Importando lodash o cualquier biblioteca javascript dentro de angular:

paso 1: Instalar la biblioteca (lodash)

npm i --save lodash

paso 2: impórtelo dentro del componente y úselo.

importarlo de la siguiente manera:

import 'lodash';

declare var _:any;

o

import * as _ from 'lodash';

Paso 3: Instalar definiciones de tipo para Lo-Dash (es opcional)

npm install --save-dev @types/lodash

mira el ejemplo si aún tienes dudas

import { Component, OnInit } from '@angular/core';
// import * as _ from 'lodash';
import 'lodash';

declare var _:any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title="test-lodash";

  ngOnInit() {
    console.log(_.chunk(['a', 'b', 'c', 'd'], 2)); //lodash function
    console.log(_.random(1, 100)); //lodash function
  }

}

Esto me resolvió, como está escrito en “actualizado” por Kuncevič y editado por Roy

yarn add lodash-es
yarn add @types/lodash-es --dev

import { debounce as _debounce } from 'lodash';

Tuve que importar los módulos es, de lo contrario, me dieron errores de compilación, probablemente debido a mi configuración (tsconfig.json).

---

---

Utiliza Nuestro Buscador