如何在React / React中使用已编译的JavaScript
我目前正在使用Emscripten将一个基本的C函数编译成JavaScript，以便在中使用。但是，当我从内部反应代码导入Module时，Module是空的。这发生在反应和反应的本机项目。
在我的终端上运行index.js 的与 node ./index.js 一起返回预期的结果。
我正在编译ping.c并使用以下命令输出ping.js：
emcc ping.c -o ping.js -s WASM=0 -s EXPORTED_FUNCTIONS='["_pingIt"]'
ping.c:
#include <stdio.h>
#include <emscripten.h>
EMSCRIPTEN_KEEPALIVE
int pingIt() {
return 1;
}index.js:
let Module = require('./ping.js');
module.exports = Module;我正在从index.js导出模块并将它导入到我的反应代码中。
当前行为
// Running in React
console.log(Module); // returns {}预期行为
// Running in React
console.log(Module._pingIt()); // should return 1回答 2
Stack Overflow用户
发布于 2019-01-09 20:34:14
我在Emscripten docs 这里中偶然发现了一个这里设置。我编辑了emcc命令：
emcc ping.c -o ping.js -s WASM=0 -s ENVIRONMENT=web -s EXTRA_EXPORTED_RUNTIME_METHODS='["cwrap"]' -s MODULARIZE=1MODULARIZE=1是神奇的一位
现在在index.js文件中：
let Module = require('./ping.js'); // Your Emscripten JS output file
let pingIt = Module().cwrap('pingIt'); // Call Module as a function
module.exports = pingIt;现在，在function组件中，您可以像任何其他import pingIt from '<file-location>';一样调用该函数。
希望有人能找到有用的东西！我找不到很多使用Emscripten的例子，同时也没有反应。
Stack Overflow用户
发布于 2021-03-26 15:19:02
我使用了一种稍微不同的方法，通过为模块定义一个EXPORT_NAME，并在您的代码中合适的时候创建模块，从而从调用ping.c函数。
使用Emscripten emsdk：
emcc ping.c -o ping.js -s WASM=0 -s ENVIRONMENT=web -s MODULARIZE=1 -s "EXPORT_NAME='createPingModule'"在React本机组件(App.tsx)中：
import createPingModule from './ping';
...
createPingModule()
.then(module => {
console.log('Module created!');
let a = module._pingIt();
console.log(a);
});https://stackoverflow.com/questions/54115783
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号