如何在 React 中使用原生 Node.js 插件

2024-05-02

我有一个反应项目,我想在其中使用this https://github.com/svenpaulsen/node-ts3sdk-client原生 Node.js 插件,它是 C++ SDK 的包装器。

我过去曾在 Electron 项目中成功使用过此模块,并且也可以使用 Node 成功运行示例。

我的问题是如何在 React 中使用它,或者使用 C++ SDK 编写我自己的 React 友好解决方案。

我尝试克隆该模块并将其放在lib在我的 React 项目中,我运行了 npm install 来安装它的依赖项,并尝试直接使用 node 运行包含的示例。一切顺利。但是直接从我的 React 应用程序中使用示例失败,并显示以下错误代码ts3client.on is not a function.

所以它通过了图书馆需要的线路var ts3client = require('../../lib/node-ts3sdk-client/api.js');但这是我能达到的最远距离。我可以多玩一点,但想就这里最好的方法获得一些意见。

Edit根据要求,我添加了一个小示例来重现我面临的问题。

  1. 创建一个简单的反应应用程序
    npm init react-app so-node-addon-react

  2. Clone this https://github.com/svenpaulsen/node-ts3sdk-client存储库下src/lib/
    git clone https://github.com/svenpaulsen/node-ts3sdk-client.git

  3. 安装模块的依赖项
    cd node-ts3sdk-client
    npm install

  4. 通过包装来公开客户端示例的某些部分try-catch 块从...开始line 160在像这样的导出函数中

export function connect() {
  try { ... }
  catch { ... }
}
  1. 从项目的 App.tsx 调用该函数
import { connect } from './lib/node-ts3sdk-client/examples/client_minimal'
...
connect()
  1. 运行项目 npm 启动

This http://localhost:3000应该会导致以下错误:ts3client.on is not a function


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 React 中使用原生 Node.js 插件 的相关文章

随机推荐