在Angular中导入JS包会导致应用程序无法渲染

Question

我在将一个包导入到我的Angular项目中时遇到了一些奇怪的行为。我已经将以下包导入到我的项目中：@citation-js/core。如果我尝试在组件中使用它，应用程序无法呈现页面，显示加载圆圈(下图)。没有显示错误，我迷路了。任何帮助都将不胜感激！谢谢!

我没有执行任何其他操作，然后执行以下操作：

用于安装软件包的命令

npm install @citation-js/core --save

导致页面不呈现的行

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

What the page displays

编辑:将等待添加到Cite.inputAsync

Answer 1

inputAsync正在返回一个Promise，所以您需要等待Promise得到解决：

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