Мне нужно использовать эту JS-библиотеку в моем проекте angular 2
этот вопрос может дублироваться со мной, но никакой ответ не работал у меня
Я попытался включить библиотеку в тег script на странице index.html
Он всегда не видит его http://localhost:8100/PrayTimes.js файл не существует
Также я написал этот код выше
declare var PrayTimes:any;
Я попытался использовать его в моем конструкторе, но я получаю эту ошибку
PrayTimes не определен
Поместите все javascript, внешние css, изображения и т.д. в src/assets
(будет скомпилирован до build/assets)
В index.html: <script src="assets/yourJavascript.js"></script>
Тогда вы можете просто использовать его, как описано. (declare var PrayTimes: any;)
Если вы используете angular -cli, вы можете добавить все внешние JS файлы в папку с ресурсами. А затем в angular-cli.json добавьте их:
"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"
]
Вы можете сделать это также с помощью внешних стилей:
"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"
]
И, конечно же, вы правы, тогда вам нужно добавить typings.d.ts:
declare var PrayTimes:any;
declare var System: any;
declare var $: any;
declare var moment: any;
declare var Chart: any;