Как правильно использовать сторонние библиотеки javascript в Angular 6+

Question

Я хотел бы использовать некоторые сторонние библиотеки в своем проекте Angular, но начиная с версии 6 Angular я получаю ошибку ссылки: глобальная не определена.Я установил библиотеку и добавил библиотеку @types тоже.К сожалению, я еще не заставил его работать.

Есть ли кто-нибудь, кто может объяснить мне, как использовать сторонние библиотеки в angular 6 и выше?Я не хочу возвращаться к Angular 5 только для библиотеки javascript.

Answer 1

Существует несколько способов его использования, в зависимости от того, что именно вам нужно.

Вообще говоря, для этих устаревших нетипизированных библиотек js вы всегда можете использовать что-то вроде следующего:

import * as jquery from 'jquery'

Для библиотек, которым требуется глобальный доступ, вам может потребоваться настроить файл angular.json и добавить ссылку на поле scripts:

"scripts": [
    "node_modules/zoomooz/jquery.zoomooz.min.js"
],

Для некоторых сложных библиотек с операторами экспорта по умолчанию:вам может даже понадобиться:

import LIBRARYNAME from 'library-name' (без скобок)

Так что это действительно зависит от того, что вам нужно.

Answer 2

добавьте это в ваш index.html

<script>
  if (global === undefined) {
    var global = window;
  }
</script>

из: https://github.com/aws-amplify/amplify-js/issues/678