Gatsby公式ドキュメントにて、ECサイト構築チュートリアルに沿って開発をしています。
ただ、checkout.jsをチュートリアルの通りに書くと、以下のエラーが出て、画面全体が真っ白になります。

Uncaught TypeError: Cannot read property 'configure' of undefined
The above error occurred in the <Checkout> component:
The above error occurred in the <LocationProvider> component:
GET http://localhost:8000/.../src/components/checkout.js 404 (Not Found)

特に Uncaught TypeError: Cannot read property 'configure' of undefined と404 errorがいくつも出ています。

念のため、ほかのファイルはCSS-in-JS library, styled-componentsを使用しているので書き換えて見ましたが、ファビコンだけ表示されるようになり、エラー文は Uncaught Error: Thestyleprop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX. になっただけで、画面表示は白いままです。

index.jsファイルも、自分が書いていたコードから、チュートリアル記事と全く同じコードにしてみましたが、変化はありませんでした。
checkout.jsのコンポーネントを読み込まず、無効化するとほかは問題なく表示されるのですが、何か解決策はないでしょうか？