utilizzando librerie JS esterne nel mio progetto angular 2

Ho bisogno di usare questa libreria JS nel mio progetto angular 2

questa domanda può essere duplicata con me, ma nessuna risposta ha funzionato per me

Ho provato ad includere la libreria come tag script nella mia pagina index.html

Non lo vede sempre http: // localhost: il file 8100 / PrayTimes.js non esiste

inoltre ho scritto questo codice qui sopra

declare var PrayTimes:any; 

Ho provato ad usarlo nel mio costruttore, ma sto ricevendo questo errore

PrayTimes non è definito

Inserisci tutti i javascript, i css esterni, le immagini ecc. In src/assets

(sarà compilato per build/assets )

Nel tuo index.html :

Quindi puoi semplicemente usarlo come descrivi. ( declare var PrayTimes: any; )

Se si utilizza angular-cli, è ansible aggiungere tutti i file JS esterni nella cartella delle risorse. E poi in angular-cli.json aggiungili:

 "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js", "../node_modules/moment/moment.js", "../node_modules/chart.js/dist/Chart.bundle.min.js", "../node_modules/chart.js/dist/Chart.min.js", "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js", "./assets/js/slimscroll.min.js", "./assets/js/inspinia.js", "./assets/js/metisMenu.js", "./assets/js/footable.all.min.js" ] 

Puoi farlo anche con stili esterni:

 "styles": [ "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css", "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss", "../node_modules/font-awesome/scss/font-awesome.scss", "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker3.min.css", "./assets/scss/plugins/footable/footable.core.css", "./assets/scss/style.scss" ] 

E ovviamente hai ragione, allora devi aggiungere typings.d.ts :

 declare var PrayTimes:any; declare var System: any; declare var $: any; declare var moment: any; declare var Chart: any;