如何将 Nativescript 工作者与打字稿一起使用？答案

【问题标题】：How to use Nativescript worker with typescript?如何将 Nativescript 工作者与打字稿一起使用？
【发布时间】：2017-10-17 07:06:12
【问题描述】：

我正在尝试将 Nativescript Worker 与 Typescript 一起使用，但出现此错误：

ERROR 错误：com.tns.NativeScriptException：找不到模块：“../shared/workers/workername.js”，相对于：app//

这是我的代码，我使用的模板与 Nativescript 文档中的模板相同：

var worker = new Worker("../shared/workers/workername");
    worker.onmessage = (msg) => {
        if(msg.data.success) {

            console.log("resultat: " + msg.data.result);
            worker.terminate();
        }
        else {
            console.log("error during process !!!!!");
        }
    };

    worker.onerror = (err) => {
        console.log(`An unhandled error occurred in worker: ${err.filename}, line: ${err.lineno} :`);
        console.log(err.message);
    }

    worker.postMessage({url: "", filename: "up2"});

还有我的workername.js：

require('globals'); // necessary to bootstrap tns modules on the new thread

global.onmessage = function(msg) {
    var request = msg.data;
    var url = request.url;
    var filename = request.filename;

    var result = download(url, filename);

    var msg = result !== undefined ? { success: true, result: result } : { }

    global.postMessage(msg);
}


function download(url, name) {
    return ...
}

【问题讨论】：

你有没有想过这个问题？

标签： typescript worker angular2-nativescript

【解决方案1】：

我使用了同样的方式解释here 并且不要忘记像这样配置您的 Webpack 配置文件：

new CopyWebpackPlugin([
                { from: { glob: 'css/**', dot: false } },
               -> { from: { glob: 'shared/workers/**', dot: false } },
                { from: { glob: 'images/**', dot: false } },
                { from: { glob: 'fonts/**', dot: false } },
                { from: { glob: 'sounds/**', dot: false } },
                { from: { glob: '**/*.jpg', dot: false } },
                { from: { glob: '**/*.png', dot: false } },
            ], copyIgnore),

【讨论】：