Cloudflare PagesにNuxtのプロジェクトをデプロイしようとしたところSyntaxErrorが発生したので対処法をメモ

2022/03/07

#Vue.js/Nuxt.js

NuxtjsのプロジェクトをCloudFlare Pagesにデプロイしようとしたところローカル環境では発生しないSyntaxErrorが発生したので対処法を備忘録として残しておきます。

開発環境


Nodeバージョン:v16.13.1
npm:8.1.2
nuxt: 2.15.8

原因・解決方法


CloudFlareのビルド環境のnodeのバージョンがデフォルトで12.18.0になっていることが原因みたいなので、バージョンを指定することで解決できました。

Cloudflareのドキュメント

CloudFlare Pagesのプロジェクトの設定の環境変数に”NODE_VERSION”を追加して値を”16.13.1″みたいに設定することでバージョンを指定できます。


関連記事:Vue.js/Nuxt.js

Nuxt.js + microCMS + Nuxt Contentでブログを作り直してみた

Vue.js/Nuxt.js

[Nuxt.js]動的なルーティングを含めてgenerateする方法

Vue.js/Nuxt.js

[Nuxt.js]nuxt.config.jsに環境変数を定義してプログラムから読み込む方法

Vue.js/Nuxt.js