Как импортировать внешний js-файл в проект angular5?

Question

Я только что присоединился к угловому 5 проекту (новичок в технологии).Мне нужно использовать функции из внешнего файла javascript.

Я нашел здесь некоторую информацию: Как включить внешний файл js в Angular 4 и вызвать функцию из angular в js

Но это не работает.Что я делаю не так?

1. Я добавил свой js-файл в проект и объявил его в .angular-cli.json : "scripts": [ "./assets/js/kia.js" ],

2. Затем я объявил это в typings.d.ts : declare var kia: any;

3. И наконец я попытался импортировать его вфайл, который я использую detail.component.ts : import * as variable from 'kia';

У меня ошибка: ошибка TS2307: Не удается найти модуль 'kia'.

Кто-нибудь знает, как это исправить?

Answer 1

Я решил эту проблему, удалив импорт в component.ts, затем добавив метод link ();в component.html и объявление метода () {kia.test ();} в componentant.ts.

Answer 2

Вы можете включить его в свой index.html, как обычно (внутри тега скрипта), и, если необходимо, добавить определения типов в ваш typings.d.ts или, предпочтительно, найти для него пакет @types.

В противном случае вы можете делать то, что делаете.Просто убедитесь, что ваш путь указан правильно, а затем, поскольку вы добавили его в свой файл для ввода, вам не нужно импортировать его в начало вашего файла TS, вы можете просто сослаться на него как.

const a = kia. ...

Есливы установили его с помощью пакета npm, тогда вам лучше импортировать его, как вы делаете