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

Question

I'm trying to import this library: spotlight , which is plain JS.

In my project I created a fake d.ts :

declare module 'spotlight.js'

as suggested by VSCode , then I tried every single import combination:

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

but inside my code the spotlight expression is always an empty object.

What am I missing?

Answer 1

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

Answer 2

As @Shinigami pointed out - there is an open issue. As I see it, right now, there is no elegant way to import the Spotlight object without modifications to the library (it also seems that npm run build doesn't help much). But, judging by the code, the Spotlight is accessible through window . So it should be possible to use it like so

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

Answer 3

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