問題タブ [workbox]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
integration - ワークボックスを webpack/NPM に適切に統合する方法は?
私は現在、多くの異なる依存関係が多くのファイルに広がっているかなり大きなプロジェクトに取り組んでいます。まず、これらの依存関係のほとんどを管理するために、NPM と webpack を実行しています。ワークボックスのドキュメントでは、これを統合するための 2 つの方法があります。webpack (文字通り単なる例です) または NPM を使用します。NPMを使ってみることにしました。次のコマンドを実行しました。
これにより、 workbox-sw がpackage.json依存関係セクションに追加されました。ただし、次を使用してインポートしようとするたびに:
次のエラーが表示されます。
Uncaught WorkboxError: エラー コードのワークボックスによってエラーがスローされました: ;'not-in-sw'
私はいくつかの他の方法を試しましたが、単純なものです。webpack のドキュメントは間違いなくつまらないので、これを正しく実行するために他の依存関係をインストールすることは避けたいと思います。その他の重要な注意事項:
- Vue.jsを使用しています
- ルーティングを介して相互作用するいくつかの異なるコンポーネントを作成しました。特定のコンポーネントにインポートしようとしています。
完全なエラー メッセージは次のとおりです。