javascript - QuietJs - Ionic 3 错误

Question

我正在尝试将 Quietjs 库实现到 un ionic 项目中，但出现了我无法理解的错误。

这是我的代码:

app.html

 <ion-fab bottom center>
        <button ion-button block (tap)="sendQuietData()">
            Send
        </button>
    </ion-fab>

app.ts

//button acction for sending data
sendQuietData() {
    this.initQuiet();
    Quiet.transmitter({profile: 'ultrasonic', onFinish: this.onTransmitFinish}).transmit(Quiet.str2ab('example text'));

}


//initialize quietjs library
initQuiet() {
    Quiet.init({
        profilesPrefix: "/assets/data",
        memoryInitializerPrefix: "/assets/data",
        libfecPrefix: "/assets/data"
    });

    Quiet.addReadyCallback(this.onQuietReady, this.onQuietFail);
}

//setting up the profile
onQuietReady() {

    Quiet.transmitter({profile: 'ultrasonic', onFinish: this.onTransmitFinish});

};

//on failure log it in console
onQuietFail(reason) {
    console.log("quiet failed to initialize: " + reason);
};

//on finish log it in the console
onTransmitFinish() {
    console.log("quiet finished transmiting: ");
};

我得到的错误是这样的:

ERROR TypeError: Cannot read property 'length' of undefined
    at lengthBytesUTF8 (quiet-emscripten.js:1)
    at Object.intArrayFromString (quiet-emscripten.js:1)
    at Object.transmitter (quiet.js:281)
    at AppPage.webpackJsonp.115.AppPage.sendData (app.ts:69)
    at Object.eval [as handleEvent] (AppPage.html:8)
    at handleEvent (core.js:13589)
    at callWithDebugContext (core.js:15098)
    at Object.debugHandleEvent [as handleEvent] (core.js:14685)
    at dispatchEvent (core.js:10004)
    at core.js:10629

有人遇到过这个错误吗，或者有没有关于如何在 Ionic 应用程序上实现 Quietjs 的示例。

谢谢!

Answer 1

我已经设法让这个工作正常，我将把它留在这里，以防其他人想知道如何做。

首先，在 src/assets 中创建一个名为 Quiet 的文件夹(或者任何你想要的文件夹，但请记住修改 index.html 中包含文件的路径)，路径将为 src/assets/quiet

复制创建的src/assets/quiet文件夹中的quiet.js和quiet-emscripten.js

将quiet-emscripten.js.mem脚本复制到www文件夹

将以下代码放入您的 www/index.html 中:

1. 在头标签之间，它看起来像这样:脚本数据 ionic =“注入(inject)”>(function(w){var i=w.Ionic=w.Ionic||{};i.version='3.9.2';i.angular='5.2.5';i.staticDir='build/'; })( window );/脚本>

2.在 ...ion-app> 标签之后，您必须包含库

<ion-app></ion-app>
<script type="text/javascript" src="assets/quiet/quiet.js"></script
<script async type="text/javascript" src="assets/quiet/quiet-emscripten.js"></script>
<script src="build/polyfills.js"></script>

放入您要使用该库的 .ts 文件声明 var Quiet: any;

就是这样，这样做你应该可以让库正常工作。