Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 9042

aws-amplify? 突然 TypeError: Cannot read property 'configure' of undefined が出て何も表示されなくなった

$
0
0

前提条件

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だけの原因でなく、他のパッケージや環境との兼ね合いがあるかも。

ググってもあまり情報が出なかったため記しておく。
もし同様のエラーでお悩みの方はお試しあれ。


Viewing all articles
Browse latest Browse all 9042