create nuxt-appで作成したアプリでTapable.plugin is deprecatedが出る場合の対処法

公開日時
更新日時

[[yarn create nuxt-app sample-app]]でnuxtアプリの雛形を作ったところ下記のエラーが発生した。

ERROR  (node:51492) DeprecationWarning: Tapable.plugin is deprecated. Use new API on .hooks instead

調べてみると雛形作成時にPWA Moduleを追加したのが原因とのこと。

参考リンクにあるように現状の対応方法としてはv3のベータ版に更新する必要があった。

yarn add @nuxtjs/pwa@v3.0.0-beta.16

PWA Moduleは後からでも追加できるので、create nuxt-app実行時はPWAを選択せずv3の安定版が出てから追加するほうが良い気がする。

参考


Related #nuxt.js

Nuxt.jsのservice workerで環境変数を切り替えられるようにする

設定情報をハードコードしたくなかったので、ビルド時にnodeコマンドでファイル生成を行い環境変数を切り替えられるように対応した。

Nuxt.jsのserverMiddlewareがGAE上だとエラーになる

ディレクトリ位置の問題でserverMiddlewareが動かない現象が発生した

NuxtアプリにCloud Functionsを追加したらビルドエラーが発生

CIでのビルドログ抑制を無効化して、functionsディレクトリをビルド対象から外す必要があった

hard-source-webpack-plugin使用時に環境変数が切り替わらない問題に対処する

direnv利用時に環境変数を更新しても反映されなかったのでenvironmentHashに設定を追加した