kanfutrooper
@kanfutrooper (masaomi)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

ターミナルのエラー表示を解決したい

解決したいこと

React + Typescript +  AWS でブログのようなWebアプリをつくっています。
ログイン機能の実装中に下記のエラーが発生しました。
調べて、『npm i @aws-amplify/cache』をインストールしたら、
ターミナルに下記のエラーが表示されました。
何方か解決方法を教えて下さい。

発生している問題・エラー

ERROR in ./node_modules/@aws-amplify/api/lib-esm/API.js 156:17-22
export 'default' (imported as 'Cache') was not found in '@aws-amplify/cache' (possible exports: BrowserStorageCache, Cache, InMemoryCache)

ERROR in ./node_modules/@aws-amplify/datastore/lib-esm/sync/processors/subscription.js 340:37-50
export 'default' (imported as 'Cache') was not found in '@aws-amplify/cache' (possible exports: BrowserStorageCache, Cache, InMemoryCache)

エラーに対してのインストールしたソースコード

npm i @aws-amplify/cache

インストールした後のターミナルの表示

terminal

npm i @aws-amplify/cache 
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @aws-amplify/ui@5.5.1
npm WARN Found: aws-amplify@4.3.24
npm WARN node_modules/aws-amplify
npm WARN   aws-amplify@"4.3.24" from the root project
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer aws-amplify@">= 5.0.1" from @aws-amplify/ui@5.5.1
npm WARN node_modules/@aws-amplify/ui
npm WARN   @aws-amplify/ui@"5.5.1" from @aws-amplify/ui-react@4.3.4
npm WARN   node_modules/@aws-amplify/ui-react
npm WARN   1 more (@aws-amplify/ui-react-core)
npm WARN 
npm WARN Conflicting peer dependency: aws-amplify@5.0.11
npm WARN node_modules/aws-amplify
npm WARN   peer aws-amplify@">= 5.0.1" from @aws-amplify/ui@5.5.1
npm WARN   node_modules/@aws-amplify/ui
npm WARN     @aws-amplify/ui@"5.5.1" from @aws-amplify/ui-react@4.3.4
npm WARN     node_modules/@aws-amplify/ui-react
npm WARN     1 more (@aws-amplify/ui-react-core)
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @aws-amplify/ui-react@4.3.4
npm ERR! Found: aws-amplify@4.3.24
npm ERR! node_modules/aws-amplify
npm ERR!   aws-amplify@"4.3.24" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peerOptional aws-amplify@"5.x.x" from @aws-amplify/ui-react@4.3.4
npm ERR! node_modules/@aws-amplify/ui-react
npm ERR!   @aws-amplify/ui-react@"^4.3.1" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: aws-amplify@5.0.11
npm ERR! node_modules/aws-amplify
npm ERR!   peerOptional aws-amplify@"5.x.x" from @aws-amplify/ui-react@4.3.4
npm ERR!   node_modules/@aws-amplify/ui-react
npm ERR!     @aws-amplify/ui-react@"^4.3.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/kitoumasaomi/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/kitoumasaomi/.npm/_logs/2023-01-20T01_11_46_528Z-debug-0.log
0

1Answer

package.jsonにて aws-amplify@"4.3.24" を指定されておられると思いますが、@aws-amplify/ui-react@4.3.4aws-amplify@"5.x.x" を要求しているため、競合しているようです。

aws-amplify をバージョンアップしてみてください

一例)

npm i aws-amplify@5
2Like

Comments

  1. @kanfutrooper

    Questioner

    @bigen1925さん、アドバイスありがとうございます!
    アドバイス通り、aws-amplifyを最新にしたら、エラー表示が無くなりました。

Your answer might help someone💌