javascript - 如何将skylink集成到react项目中？

Question

我正在使用Skylink用于视频通话，我想在 react 项目中使用。我知道如何将它与 Vanilla JavaScript 一起使用，因为他们的演示项目位于 codepen但是当我尝试将它与 React 一起使用时，我遇到了一些错误。这是我的尝试:

1. 使用 Yarn 从 npm 安装了软件包。
2. 导入了包import SkyLink from 'skylinkjs'
3. 然后调用函数构造函数const skylink = new SkyLink();但我收到以下错误:

未捕获类型错误:__WEBPACK_IMPORTED_MODULE_3_skylinkjs___default.a 不是构造函数

如果我尝试像这样导入:

从“skylinkjs”导入{SkyLink}；
const skylink = new SkyLink();

那么错误是

未捕获类型错误:__WEBPACK_IMPORTED_MODULE_3_skylinkjs__.SkyLink 不是构造函数

如果我尝试从模块导入所有内容，然后调用函数构造函数:

从“skylinkjs”导入*作为SkyLink；
const skylink = new SkyLink();

错误将是这个Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_3_skylinkjs__ is not a constructor

你能告诉我我做错了什么吗？

Answer 1

你有一个错字。以下任一方法都可以。

import { Skylink } from 'skylinkjs';
const skylink = new Skylink();

或

import skylinkjs from 'skylinkjs';
const skylink = new skylinkjs.Skylink();