Gatsby.jsを試そうとしたらプロジェクト構築時にシンタックスエラー

mayatasomayataso

Gatsby.jsは、Reactのフレームワークで静的サイトジェネレータ。

近いうちに対応する1枚サイトの案件で使ってみようと思い試しにサンプルプロジェクトを作ろうとしたところ、gatsby new時にシンタックスエラーで生成できず。

参考にしたサイトはこれ(https://qiita.com/teradonburi/items/cd2b921e257dcee6eb26)

/Users/admin_user/.nodebrew/node/v10.15.0/lib/node_modules/gatsby-cli/node_modules/gatsby-telemetry/lib/telemetry.js:39
  store = new _eventStorage.EventStorage();
        ^

SyntaxError: Unexpected token =
    at new Script (vm.js:79:7)
    at createScript (vm.js:251:10)
    ...

調べたところ、Nodeのバージョンが古すぎるとのこと

https://github.com/gatsbyjs/gatsby/discussions/33938

% node -v
v10.15.0

別プロジェクトでNodeのバージョンを上げるとビルドエラーになるものが存在するため、プロジェクトごとにNodeのバージョンを指定する機構が必要だな・・・と思いつつ、とりあえずグローバルのNodeバージョンを上げてみる。

% nodebrew install-binary v14.18.1
Fetching: https://nodejs.org/dist/v14.18.1/node-v14.18.1-darwin-x64.tar.gz
### 100.0%
Installed successfully
% nodebrew use v14.18.1
use v14.18.1
% node -v
v14.18.1

これで問題なくいけた