Angular导入外部javascript文件，没有导出成员并编译错误

Question

我正在编写一个角度组件，并使用npm install获得了一个开源模块。现在，我进行了一些更改，并希望像这样导入javascript文件

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

当我将光标放在括号内的 ModuleName 上方时，我看到突出显示的红色错误，指出 Module 尚未导出成员'ModuleName'; < / p>

在我的ts代码中，我像这样引用了模块

object：ModuleName;这也在抱怨。

我在google上发帖，说使用npm install，但我不想将此模块添加到我的node_module列表中。我正在移出文件夹以进行自定义。

我也尝试了以下方法，但是它不起作用

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

我想知道 Module 的名称是否需要注册才能在组件中引用？

感谢您的帮助。

Answer 1

通过以下链接，我使外部库在Angular中工作

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

Answer 2

在导入语句后使用“声明”

declare const Swiper;

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

例如：  我正在使用CDN使用 Swiper.js库。在我的角度组件中，我使用 declare 关键字进行引用。

.allowedOrigins