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

Question

我正在使用Skylink进行视频通话，我想在反应项目中使用。我知道如何将它与 Vanilla JavaScript 一起使用，因为他们的演示项目位于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

如果我尝试从模块中导入所有内容，然后调用函数 costructor：

import * as SkyLink from 'skylinkjs'; const skylink = new SkyLink();

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

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

标签： javascriptreactjswebrtcskylinktemasys

Answer 1

你有一个错字。以下任何一项都可以。

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

或者

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