Блог

Главная - Вопросы по программированию - Angular импортирует внешний файл javascript, не получая экспортированного элемента и ошибок компиляции

Angular импортирует внешний файл javascript, не получая экспортированного элемента и ошибок компиляции

#javascript #angular #charts

#javascript #angular #Диаграммы

Вопрос:

Я пишу компонент angular и получил модуль с открытым исходным кодом, работающий с установкой npm. Теперь я внес некоторые изменения и хочу импортировать файл javascript следующим образом

 import { ModuleName } from './../../ModuleFolder/ModuleName';

Когда я помещаю курсор над именем модуля внутри скобки, я вижу выделенную красным сообщение об ошибке, в котором говорится, что модуль не экспортирует элемент « ModuleName ;

В моем коде ts я ссылался на модуль следующим образом

объект: ModuleName ; который также жалуется.

Я гуглю, и в сообщении говорится, что используется установка npm, но я не хочу добавлять этот модуль в свой список node_module. Я перемещаю папку, чтобы выполнить настройку.

Я также попробовал следующее, но оно не работает

 import   './../../ModuleName.bundle.min.js';

Мне интересно, нужно ли где-то регистрировать имя модуля, чтобы иметь возможность ссылаться на него в моем компоненте?

Спасибо за любую помощь.

Комментарии:

1. Можете ли вы показать свой код Module ?

2. Вам нужно сообщить typescript, где находится модуль, который находится в вашем tsconfig

3. есть ли пример добавления модуля в tsconfig

Ответ №1:

Используйте ‘declare’ после операторов импорта

 declare const _moduleName;

Например:
Я использую Swiper.js библиотека, использующая cdn. В моем компоненте angular я ссылаюсь на него, используя ключевое слово declare .

 declare const Swiper;

var mySwiper = new Swiper('.swiper-container', { /* ... */ });

Ответ №2:

Я получил внешние библиотеки, работающие в Angular, перейдя по следующим ссылкам

https://hackernoon.com/how-to-use-javascript-libraries-in-angular-2-apps-ff274ba601af

Метки: