前提条件
React + Next.js + TypeScript 環境で next start
時
事象
以下のコンソールエラーが出て表示は真っ白になる。ちなみに開発環境(next
コマンド実行時)では問題なし。
TypeError:Cannotreadproperty'configure'ofundefined
configure
というメソッドはうちのプロダクトだと Amplify.configure
しか心当たりがなかったため、そのあたりを調査。
対応
yarn add @aws-amplify/core #or npm install @aws-amplify/core
pages/_app.tsx
- import Amplify from 'aws-amplify';
+ import Amplify from '@aws-amplify/core';
これで治った。
公式ドキュメントでもどちらでも良いと記載してある。
https://github.com/aws-amplify/amplify-js#configuration
あとがき
特に aws
系のパッケージのアップデートをしたわけでもなく突然発生。
それも開発環境では発生せずステージング環境だけで発生したためやや焦った。
ビルド時に変数名とかメソッド名が圧縮されてエラーになってるのかなと推測したが原因まではつかめず。aws-amplify
だけの原因でなく、他のパッケージや環境との兼ね合いがあるかも。
ググってもあまり情報が出なかったため記しておく。
もし同様のエラーでお悩みの方はお試しあれ。