如何在 TypeScript 中导入 Vanilla JS ES6 模块？

Question

我正在尝试导入这个库： spotlight ，它是纯 JS。

在我的项目中，我创建了一个假d.ts ：

declare module 'spotlight.js'

按照VSCode 的建议，然后我尝试了每个导入组合：

import * as spotlight from 'spotlight';
import spotlight from 'spotlight';
import { spotlight } from 'spotlight';

但在我的代码中， spotlight表达式始终是一个空对象。

我错过了什么？

Answer 1

有一个悬而未决的问题： https : //github.com/nextapps-de/spotlight/issues/6

Answer 2

正如@Shinigami 指出的那样 - 有一个未解决的问题。 正如我所看到的，现在，没有不修改库的情况下import Spotlight对象的优雅方法（似乎npm run build也没有多大帮助）。 但是，从代码来看， Spotlight可以通过window访问。 所以应该可以像这样使用它

import "spotlight"
window.Spotlight.show(...)

Answer 3

声明语句最初必须在一个单独的文件中，还要确保为导入语句提供了正确的路径。