2021/05/13
はじめに
Gatsby やってみようと思った.
全く勝手がわからないので,取り敢えず
公式ページに記載されているスターターを使って楽を仕様とした.
ビルドしようとしたところ,一つエラーが発生した.
エラー内容
とりあえずスターターのディレクトリに入り,npm start
を押すと,ローカルホストが建った.
無事起動したと思ったが,リンクをクリックしようとすると,謎のエラー文が表示された.
そのままリロードするとリンク先が表示されるのだが,ブラウザバックをすると再び謎のエラーが表示された.
表示されたエラーが一部抜粋が以下.
TypeError: _gsap.default.timeline is not a function ..
取り敢えず直った方法
原因は究明できなかったが,取り敢えず以下の方法でエラーは解消され,無事スターターが動作した.
$ npm uninstall gsap
$ npm install gsap
方法によって変更された箇所
package.json
の中身の,gsap
パッケージのバージョンが変更した.
package.json
// Before
"gsap": "^2.1.2"
// After
"gsap": "^3.6.1"
おわりに
今回は,取り敢えずgsap
パッケージの再インストールで動作したのですが,
TypeError
だったので,npm install @types/gsap
も試す予定でした.
上記の方法でエラーが解消されない方はお試ししてみてください.