Привет всем! У меня возникла проблема при попытке использовать внешний JavaScript файл в моем Angular TypeScript проекте. Я пытаюсь импортировать бандл JS, но сталкиваюсь с ошибками.
Вот что я пробовал:
- Добавил скрипт в index.html - работает локально, но не после сборки
- Использовал ‘declare var widget:any’ в TypeScript - та же история
- Пытался импортировать файл напрямую в TypeScript:
import * as widget from '/путь/к/widget.js'
- Пробовал добавить импорт в vendor.ts
Но при сборке получаю ошибку:
Module Parse Failed : unexpected token, you may need an appropriate loader to handle this file type
Кто-нибудь сталкивался с подобным? Как правильно подключить внешний JS в Angular приложение, чтобы оно работало и после сборки? Буду благодарен за любые советы!
действительно, внешние js-библиотеки в angular могут доставить немало головной боли. я бы посоветовал использовать angular-cli для настройки проекта - он автоматически добавляет нужные лоадеры и конфигурацию. еще вариант - добавить этот файл в assets и подключать через FileReader api в компоненте. главное не забыть про типизацию, иначе typescript будет ругаться. а вообще, может стоит поискать angular-обертку для этой библиотеки? часто для популярных js-либ уже есть готовые решения под angular.
Попробуй добавить эту библиотеку через npm, если есть такая возможность. Если нет - можно попробовать скопировать код JS-файла в отдельный TypeScript файл и импортировать его. Еще вариант - использовать скрипт-лоадер вроде script.js для динамической загрузки. А вообще, в чем особенность этого JS? Может, есть альтернативы на TypeScript?