Worker内でImmutable.jsをインポート/使用する方法

Question

私は2日間このままで立ち往生しており、この質問に対する回答は見つかりませんでした。

私のReact、Reduxアプリでは、すべてのオブジェクト操作にimmutable.jsを使用しています。私はいくつかの計算を行うにはウェブワーカーが必要です&アクションを送り返してmiddlewareに送り返してください。この構文を使用して

はエラーを取得します。

Worker.js

self.importScripts("../../node_modules/immutable/dist/immutable.js"); 

ブラウザによって報告されたエラー：NetworkError: Failed to load worker script at ../../node_modules/immutable/dist/immutable.js (nsresult = 0x804b001d)

私はどのように&ウェブワーカーファイルにimmutable.jsをインポートするにはどうすればよいです私はそれを使用します？明らかに次のようなものがあります。es6import構文は機能しません。

は機能しません。

import { Map, List } from "immutable"; 

Answer 1

importScripts()は、ブラウザのコンテキスト内で外部サービスからスクリプトファイルをインポート - あなたがそこにあなたのnode_modulesをインポートすることはできませんので、ブラウザは、ノードモジュールにアクセスすることはできません。 。

代わりにCDNJSなどのCDNからImmutableをインポートしてみてください。

self.importScripts("https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.min.js"); 
var map1 = Immutable.Map({a:1, b:2, c:3}); 
var map2 = map1.set('b', 50); 
map1.get('b'); // 2 
map2.get('b'); // 50