nuxt generateでページが作成されない

はじめに

Nuxt.jsで静的Webサイトを作成しようとnuxt generateしたところ、作成されたページを開いても真っ白でローディングイメージのみ表示されている状態になりました。

原因

いろいろググりながら試してたところ、原因はSPAモードに設定していたためでした。
nuxt generateはSSRの機能を利用して静的ファイルを作成するようです。

nuxt.config.jsのmodeを初期値に変更

module.exports = {
-  mode: 'spa',  // <- spaの設定を削除
  /*
  ** Headers of the page
  */
  head: {
  ...

SSRを使わないからSPAモードにしようとしたのが間違いでした。

ちなみに、プロジェクトを作る際の「server framework」はNoneでも問題ありませんでした。

*  Choose custom server framework (Use arrow keys)
> None (Recommended) 
  AdonisJs 
  Express 
  Fastify 
  Feathers 
  hapi 
  Koa 
  Micro