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

NotionAPIでデータベースにUserを追加する

Vue.js/Nuxt.js

Web3.js + Vue.js + MetaMaskで署名をする

Vue.js/Nuxt.js

Vueで要素の表示・非表示を検知する

Vue.js/Nuxt.js