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', { /* ... */ });