Gatsby やってみようと思った．

全く勝手がわからないので，取り敢えず

https://www.gatsbyjs.com/starters/gperl27Gatsby-Starter-Blog-Typescriptを使って楽を仕様とした．

「公式が提供してるからそのまま実行できるだろうな〜」などと思っていたが，環境の相性が悪かったのか，一つエラーが発生した．

エラー内容

---

とりあえずスターターのディレクトリに入り，npm startを押すと，ローカルホストが建った． 無事起動したと思ったが，リンクをクリックしようとすると，謎のエラー文が表示された．

そのままリロードするとリンク先が表示されるのだが，ブラウザバックをすると再び謎のエラーが表示された．

表示されたエラーが一部抜粋が以下．

TypeError: _gsap.default.timeline is not a function ..

取り敢えず直った方法

---

原因は究明できなかったが，取り敢えず以下の方法でエラーは解消され，無事スターターが動作した．

$ npm uninstall gsap
$ npm install gsap

方法によって変更された箇所

---

package.jsonの中身の，gsapパッケージのバージョンが変更した．

// Before
"gsap": "^2.1.2"

// After
"gsap": "^3.6.1"

おわりに

---

今回は，取り敢えずgsapパッケージの再インストールで動作したのですが，

TypeErrorだったので，npm install @types/gsapも試す予定でした．

上記の方法でエラーが解消されない方はお試ししてみてください．