Импорт пакета JS в Angular приводит к тому, что приложение не отображается

#angular #debugging #package #citation-js

Вопрос:

Я столкнулся с некоторым странным поведением, импортировав пакет в свой угловой проект. Я импортировал в свой проект следующий пакет: @citation-js/core. Если я попытаюсь использовать его в компоненте, приложение не сможет отобразить страницу, показав загрузочный круг (изображение ниже). Ошибка не отображается, и я в растерянности. Любая помощь будет признательна! Спасибо!

Я больше ничего не делал, тогда следующее:

Команда для установки пакета

 npm install @citation-js/core --save
 

Строка, из-за которой страница не отображается

 import { Cite } from "@citation-js/core";    
let json = await Cite.inputAsync("10.5281/zenodo.1005176");
 

Что отображается на странице

Изменить: Добавление ожидания для Cite.inputAsync

Ответ №1:

inputAsync возвращает обещание, поэтому вам нужно подождать, пока Обещание будет выполнено:

 let json = await Cite.inputAsync("10.5281/zenodo.1005176");
 

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

1. да, я пробовал и то, и другое. та же проблема. Я также попробовал несинхронную версию, и возникла та же проблема.