«Ошибка отсутствующего региона» с интерфейсом AWS amplify Storage и React

#reactjs #amazon-web-services #amazon-s3

Вопрос:

 import './App.css';
import Amplify from 'aws-amplify';
import awsconfig from './aws-exports';
import { AmplifySignOut, withAuthenticator } from '@aws-amplify/ui-react';
import { Storage } from 'aws-amplify';


Amplify.configure(awsconfig);

async function get_photo(event) {

  event.preventDefault();
  console.log("Finding photo");
  //Storage.get('ASSET_2.jpg').then(result => console.log(result)).catch(err => console.log(err));
  Storage.get('ASSET_2.jpg');
  console.log("Image present");
  
}

function App() {
  return (
    <div className="App">
      <header className="App-header">
       <AmplifySignOut />
       <button onClick = {get_photo}>Get the photo</button>
       <h2>App content</h2>
      </header>
    </div>
  );
}

export default withAuthenticator(App); 

При попытке извлечь изображение из корзины AWS S3 с помощью метода AWS Amplify Storage.get я получаю сообщение об ошибке «Отсутствует регион», хотя в файле aws-export есть информация о регионе. Кто-нибудь может помочь мне разобраться в этом?

введите описание изображения здесь

Комментарии:

1. Код, который вы опубликовали, не соответствует ни одной части снимка экрана — не могли бы вы поделиться содержимым файла, в котором произошла ошибка?

2. Файлы в изображении ошибки являются частью конфигурации хранилища amplify и отсутствуют в папке «Мое приложение».

3. Ошибка возникает в строке, где написано Storage.get (……..);

4. Каков результат console.log(awsconfig); ?