SyntaxError Unexpected token 'export'

1711 ワード
nuxt Vue.js nuxt.js Vue.js テキストリンク

はじめに

Nuxt.jsを使っていて、SPAからSSRに切り替えたときに表題のようなエラーが出てハマった。
いろいろ調べてみた結果、解決したので備忘録として解決方法を投稿する（以下は方法の一つであり、他にも方法はありそうです。あくまで参考程度でお願いします）。

解決策

私の場合は、fontawesomeを追加した時にnuxt.config.jsでplugins: ['plugins/vuetify'],となっていることが原因でした。SSRをサポートしていないvuetifyプラグインが追加されていたことが原因のよう。

nuxt.config.jsを以下のように変更する。

nuxt.config.js（変更前）
plugins: ['plugins/vuetify'],
nuxt.config.js（変更後）
plugins: [{ src: 'plugins/vuetify', ssr: false }],

おわりに

こちらを参照。