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

コード Node.js

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

開発環境

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

原因・解決方法

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

Please Wait... | Cloudflare

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

参考サイト

[Nuxt3] [npm run dev] Unexpected token '.' · Issue #793 · nuxt/framework
Environment $ npx nuxi info Nuxt CLI v3.0.0-27234175.2fb58ae 17:21:43 ERROR Unexpected token '.' 17:21:43 at Loader.moduleStrategy (internal/modules/esm...
Cloudflare PagesでNode.jsのバージョンを指定する | DevelopersIO
先日リリースされたJamstackホスティング サービスCloudflare Pagesですが、実行されるNode.jsのバージョンを変更したいケースがありました。 Cloudflare PagesのビルドではNode. …

宣伝

Nuxtjsでマークダウンエディタ作りました

uMarkdownEditor

コメント

タイトルとURLをコピーしました