BETA

ParcelでWebWorkerを使う際のファイルパス指定

投稿日:2020-02-05
最終更新:2020-02-05

はじめに

React + TypeScript + ParcelでWebWorkerを使うために四苦八苦していて、これで行けるだろと思ったらblank page。。。みたいなのを繰り返していたが、ようやく原因がわかったので書く。

Workerファイルのpath

今アプリの構成が(関係あるところだけ)、

- src  
  - index.html  
  - workers  
    - worker.ts  
  - containers  
    - A.tsx  

こんな感じになっている(動かすときはnpx parcel src/index.html)。そしてA.tsxworker.tsを読み込みたい。今までは

const worker = new Worker('../workers/worker.ts')  

とやっていた。これが間違い。正しくは

const worker = new Worker('/workers/worker.ts')  

とする(srcを基準とする絶対パス)。

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@Catminusminusの技術ブログ Frontend/Machine Learning/C++など、興味のあるものについて、小ネタや調査中のこと、備忘録を書いたりします

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう