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

dockerコンテナ上のnuxt.jsアプリでhot reloadを有効にする

watcherの設定をpollingに変更する

nuxtでdotenv-module利用時にCircleCIで環境変数を指定する

nuxt.config.tsのenvを設定した

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

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

NuxtアプリをGAEにデプロイする(Node.js 10)

GAEへのデプロイの際にいくつかエラーが出てハマったので対応内容をまとめておく

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

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