如何在 React 项目中集成 Skylink？

Question

我正在使用 Skylink for video calling and I want to use in a react project. I know how to use it with Vanilla JavaScript as their demo project is at codepen 但是当我尝试将它与 React 一起使用时，我遇到了一些错误。以下是我的尝试：

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

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_3_skylinkjs___default.a is not a constructor

如果我尝试这样导入：

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

那么错误就是

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_3_skylinkjs__.SkyLink is not a constructor

并且如果我尝试从模块中导入所有内容然后调用函数构造函数：

import * as SkyLink from 'skylinkjs'; 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();