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

Question

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

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

当我将光标放在括号内的ModuleName上方时，我看到突出显示的红色错误，说明模块没有导出成员' ModuleName ';

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

object： ModuleName ; 这也是抱怨。

我谷歌和帖子说使用npm安装，但我不想将此模块添加到我的node_module列表。 我正在移动文件夹以进行自定义。

我也试过以下但是没有用

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

我想知道模块的名称是否需要在某处注册才能在我的组件中引用它？

谢谢你的帮助。

Answer 1

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

Answer 2

在import语句后使用'declare'

declare const _moduleName;

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

declare const Swiper;

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