Импорт веб-сборки JS в TypeScript

Question

Я пытаюсь использовать wasm-clingo в моем проекте TypeScript React.Я попытался написать свой собственный d.ts файл для проекта:

// wasm-clingo.d.ts
declare module 'wasm-clingo' {
  export const Module: any;
}

и импортировать так:

import { Module } from 'wasm-clingo';

, но когда я console.log(Module), он говорит undefined.Что я сделал не так?

Примечания:

• clingo.js - это основной файл js.
• index.html и index_amd.html являются двумя примерами страниц

Решение:

Я решил проблему следующим образом:

// wasm-clingo.d.ts
declare module 'wasm-clingo' {
  const Clingo: (Module: any) => Promise<any>;
  namespace Clingo {}
  export = Clingo;
}

и

import * as Clingo from 'wasm-clingo';

Вот источник этого решения

Answer 1

Мне кажется, проблема в том, что wasm-clingo экспортирует сам модуль, но import { Module } from 'wasm-clingo' ожидает свойство.

Попробуйте

import Clingo_ from 'wasm-clingo';
const Clingo: typeof Clingo_ = (Clingo_ as any).default || Clingo_;