Lodash in angular2, deklariere var_: any funktioniert nicht

Question

Ich verwende Lodash in meiner angular2-App. indem ich declare var _: any; verwende, mache ich lodash Operation wie _.findIndex(...). Jetzt stehe ich vor einem Problem. manchmal während des Ladens der Seite bekomme ich Fehler wie unten

EXCEPTION: ReferenceError: _ is not defined 

Wie kann ich das vermeiden? Da meine Annahme, ausgeführt wird lodash Code vor declare var _: any;

Answer 1

In der Tat kommt es auf die Art und Weise der lodash Bibliothek in Ihre HTML-Seite zu konfigurieren/include:

• Schließen Sie die Datei lodash.js in ein script Element ein. Auf diese Weise steht lodash als globale Variable (_) in der Anwendung zur Verfügung. In diesem Fall müssen Sie es nutzen Umgebungserklärungen Typoskript definieren:

  declare var _: any; 
  

• Konfigurieren Sie die lodash.js-Datei in die SystemJS Konfiguration. Auf diese Weise wird die lodash-Bibliothek erkennen, dass sie innerhalb eines Modulladeprogramms verwendet wird, so dass sie sich selbst als Modul registriert und die Variable _ in Exporte zurückgibt. In diesem Fall müssen Sie einen Import verwenden, um es zu erhalten. Da die _ Variable direkt in den Export festgelegt ist, müssen Sie es auf diese Weise importieren:

  import _ from 'lodash'; 
  

  Die entsprechende Konfiguration wäre:

  System.config({ 
      (...) 
      map: { 
      lodash: 'node_modules/lodash/lodash.js' 
      }, 
      meta: { 
      lodash: { format: 'amd' } 
      } 
  }); 
  

Answer 2

Wenn Sie Typoskript verwenden, dann müssen Sie die Bibliothek in Ihrer Datei importieren:

import _ from 'lodash'; 

einen Blick auf eine simular Frage: angular2 failing lodash import