私は現在、多くの異なる依存関係が多くのファイルに広がっているかなり大きなプロジェクトに取り組んでいます。まず、これらの依存関係のほとんどを管理するために、NPM と webpack を実行しています。ワークボックスのドキュメントでは、これを統合するための 2 つの方法があります。webpack (文字通り単なる例です) または NPM を使用します。NPMを使ってみることにしました。次のコマンドを実行しました。
npm install --save-dev workbox-sw
これにより、 workbox-sw がpackage.json依存関係セクションに追加されました。ただし、次を使用してインポートしようとするたびに:
import Workbox-SW from 'workbox-sw'
次のエラーが表示されます。
Uncaught WorkboxError: エラー コードのワークボックスによってエラーがスローされました: ;'not-in-sw'
私はいくつかの他の方法を試しましたが、単純なものです。webpack のドキュメントは間違いなくつまらないので、これを正しく実行するために他の依存関係をインストールすることは避けたいと思います。その他の重要な注意事項:
- Vue.jsを使用しています
- ルーティングを介して相互作用するいくつかの異なるコンポーネントを作成しました。特定のコンポーネントにインポートしようとしています。
完全なエラー メッセージは次のとおりです。
Uncaught WorkboxError: An error was thrown by workbox with error code: ;'not-in-sw'
at eval (webpack-internal:///259:175:40)
at Object.<anonymous> (http://localhost:8080/app.js:2361:1)
at __webpack_require__ (http://localhost:8080/app.js:660:30)
at fn (http://localhost:8080/app.js:86:20)
at eval (webpack-internal:///173:3:69)
at Object.<anonymous> (http://localhost:8080/app.js:1795:1)
at __webpack_require__ (http://localhost:8080/app.js:660:30)
at fn (http://localhost:8080/app.js:86:20)
at eval (webpack-internal:///239:8:3)
at Object.<anonymous> (http://localhost:8080/app.js:2239:1)
WorkboxError @ workbox-sw.prod.v2.1.1.mjs?efda:155
(anonymous) @ workbox-sw.prod.v2.1.1.mjs?efda:175
(anonymous) @ app.js:2361
__webpack_require__ @ app.js:660
fn @ app.js:86
(anonymous) @ 173:3
(anonymous) @ app.js:1795
__webpack_require__ @ app.js:660
fn @ app.js:86
(anonymous) @ HomeView.vue?afbe:8
(anonymous) @ app.js:2239
__webpack_require__ @ app.js:660
fn @ app.js:86
(anonymous) @ index.js?3672:1
(anonymous) @ app.js:1809
__webpack_require__ @ app.js:660
fn @ app.js:86
(anonymous) @ main.js?1c90:1
(anonymous) @ app.js:1616
__webpack_require__ @ app.js:660
fn @ app.js:86
(anonymous) @ app.js:2368
__webpack_require__ @ app.js:660
(anonymous) @ app.js:709
(anonymous) @ app.js:712