【報告】Nuxt.jsをバージョンアップしました

Railsの上に乗せているNuxt.jsを2.10.2にバージョンアップしました。

Nuxt.jsバージョンアップコマンド

frontend $ yarn upgrade nuxt

変更点は以下の通りです

Nuxt.jsをバージョンアップしたことにより、frontend/nuxt.config.jsを一部変更しました。

frontend/nuxt.config.js

const config = {
 ...
	// devModules: [     // 削除
  buildModules: [			 // 書き換え
    '@nuxtjs/vuetify'
  ],
 ...
}

if (process.env.NODE_ENV === 'development') {
	// config.devModules.push('@nuxtjs/eslint-module')  // 削除
  config.buildModules.push('@nuxtjs/eslint-module')　　// 書き換え

}

export default config

アップデートした理由

bundle installを実行してHerokuにデプロイした際に、画面が表示しないエラーが発生しました。

Herokuのログを確認したところ、存在しないjsファイルを参照しようとして404エラーが発生していました。

Herokuのログを確認するコマンド

myapp $ heroku logs

Heroku logs で表示されたログ

開発環境では動くのですごく厄介なエラーでした。

いろいろ試しましたが、結果、Nuxtjsをアップデートすることで解決しました。

今後の記事は、バージョン2.10.2を前提で進めていきます。

まとめ

同じようなエラーで悩まされている方は、バージョンアップも一つの解決方法だと覚えておくと良いですよ。

以上、Nuxtjsを2.10.2にバージョンアップしたご報告でした。

（おしまい）