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アプリケーションをHerokuにデプロイする

pushするだけでデプロイされるので手軽

Nuxt + TypescriptプロジェクトにSentryを導入する

リリースにコミットハッシュを設定しておくと調査しやすくなる

Github ActionでCloudfrontのキャッシュをクリアする

デプロイ後にキャッシュクリアを行うように設定

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

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

Firebase Hostingで動いているNuxt.jsプロジェクトにAnalyticsを導入する

gaメソッドをinjectするようにした

nuxt-community/proxy-moduleを使ってスタブAPIに切り替える

開発環境はスタブAPIを使うようにした