Как правильно использовать сторонние библиотеки javascript в Angular 6+
Я хотел бы использовать некоторые сторонние библиотеки в моем проекте Angular, но начиная с версии 6 Angular я получаю справочную ошибку: global not defined. Я установил библиотеку и добавил библиотеку @types. К сожалению, я еще не заставил его работать.
Есть ли кто-нибудь, кто может мне объяснить, как использовать сторонние библиотеки в angular 6 и выше? Я не хочу возвращаться к Angular 5 только для библиотеки javascript.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
добавьте это в свой index.html
<script>
if (global === undefined) {
var global = window;
}
</script>
от: https://github.com/aws-amplify/amplify-js/issues/678
Спасибо за ответ! Я видел, как это решение появлялось в различных потоках, но добавление этого скрипта вызывает TypeError: superCtor is undefined. Еще пробовал добавить (окно как любое) .global = window; в polyfill.ts, но также вызывает TypeError.
Это прискорбно. Вы уже нашли решение? Я планирую перенести проект с Angular 4 на 6 и, зная, что могут возникнуть проблемы (особенно связанные с сторонними библиотеками), я не решаюсь это сделать
Есть несколько способов его использования, в зависимости от того, что именно вам нужно.
Вообще говоря, для этой устаревшей нетипизированной библиотеки js вы всегда можете использовать что-то вроде следующего:
import * as jquery from 'jquery'
Для библиотек, которым требуется глобальный доступ, вам может потребоваться настроить файл angular.json и добавить ссылку на поле scripts:
"scripts": [
"node_modules/zoomooz/jquery.zoomooz.min.js"
],
Для некоторой сложной библиотеки с операторами экспорта по умолчанию вам может даже потребоваться:
import LIBRARYNAME from 'library-name' (без скоб)
Так что это действительно зависит от того, что вам нужно.
какую стороннюю библиотеку вы используете?