Wie import der JavaScript-Datei in angular2
Ich habe ein Problem, herauszufinden, wie der import einer javascript-Datei in mein angular2 Projekt. Es ist eine Datei, die nicht ein Modul, abgesehen von npm und die einzige Anleitung die ich finden konnte, haben ist mit npm, das ist keine option hier.
Ich bin mit Winkel-cli und in meinem angular-cli.json Datei habe ich:
{
"apps": [
"styles": [..],
"scripts": ["../pathtomyjs/file.js"]
]}
Lief ich ng bauen und ng dienen und, wenn ich mich öffne meine app und schauen Sie auf die web-Konsole und versuchen Sie verweisen auf die Funktion, die in meiner js-Datei, die ich in der Lage bin, um dies erfolgreich zu tun.
Beispiel in der Konsole tippe ich auf:
var test = MyObject;
bekommen und habe test = {};
Jedoch, wenn ich versuche zu tun
let test = MyObject;
in meine Komponente .ts-Datei habe ich bekommen :
home.component.ts (10,11): Cannot find name 'MyObject'.)
Nicht sicher, wie dies zu tun in Angular2.
Dank!
InformationsquelleAutor Kevin Sar | 2017-02-27
Du musst angemeldet sein, um einen Kommentar abzugeben.
Tun:
Oder:
JQuery:
Nevermind, ich brauchte es nur, um die drop "lassen" vor der Prüfung und ich nicht mehr benötigt wird "öffentlich".
InformationsquelleAutor Dan
Ist es ein 3rd-party-Bibliothek? Sie müssen lassen Sie den typescript-compiler weiß, wo die Art-definitions-Dateien sind. Normalerweise sieht es unter
node_modules/@types
Ordner. Zum Beispiel, wenn Sie wolltejQuery
installieren Sie die benötigte type-definitions-Dateien durch ausführen von:InformationsquelleAutor pixelbits
Legte ich meine
js
Dateien inapp/assets/scripts
und laden Sie Sie inindex.html
<script src="assets/scripts/foobar.js"></script>
. Dies ist für eineionic2
/angular2
Projekt.In das Modul, das Sie haben, definieren Sie Ihre Funktionen, wie dies im globalen Bereich der Modul-Datei
declare var myFancyFunction;
InformationsquelleAutor El Dude
Habe ich ein deep dive auf dieser hier:
Dies ist eine gute Frage, und ich bin froh, dass Sie Fragen, weil ich wünschte, ich hätte was ich bin, zu schreiben, das erste mal, dass ich auf dieses kleine problem. Dies ist ein typescript/javascript sowie webpack Problem, bevor es eine eckige Angelegenheit. Ich bin definitiv planen einen Kommentar auf mein blog bald wie möglich.
Szenario:
Führen Sie
Finden math.js dist js-Datei (node_modules/mathjs/dist/math.js) und die Referenz, wie dies
import {mathjs} from "../../node_modules/mathjs/dist/math";
Aber Sie erhalten die Fehlermeldung, dass
"set --allowJS".
Sie tun, wie diese:Set --allowJS in config (tsconfig.json)
{ "compilerOptions": {
"allowJs": true, ...
Nun erhalten Sie:
Lösung: installieren Sie eine Testungen-Datei für das Ziel-lib (@Typen/mathjs)
Lesen Sie mehr...
InformationsquelleAutor Richard Strickland