Ошибка AWS Amplify Amplify.config (awsconfig)

#reactjs #next.js #datastore #amplify

Вопрос:

Я использую интерфейс командной строки amplify в своем приложении NextJS. Я чувствую, что, возможно, я что-то неправильно настроил. Я получаю эту ошибку при попытке запросить данные:

[ПРЕДУПРЕЖДЕНИЕ] 32:17.454 Хранилище данных — Данные не будут синхронизированы. Конечная точка GraphQL не настроена. Ты что, забыл Amplify.configure(awsconfig) ?

Но у меня действительно есть aws-exports.js файл. НО я вижу , что это awsmobile, я не уверен, что еще я могу делать неправильно.

aws-файл экспорта:

 const awsmobile = {
  aws_project_region: 'us-east-2',
  aws_appsync_graphqlEndpoint:
    private,
  aws_appsync_region: 'us-east-2',
  aws_appsync_authenticationType: 'API_KEY',
  aws_appsync_apiKey:private,
}
 

Ответ №1:

Как следует из предупреждения, вы можете проверить Amplify.configure(awsconfig) , вызывается ли он для настройки библиотеки в вашем проекте.

Например, это пример, приведенный в официальной документации.

 // pages/index.js
import { AmplifyAuthenticator } from "@aws-amplify/ui-react";
import { Amplify, API, Auth, withSSRContext } from "aws-amplify";
import Head from "next/head";
import awsExports from "../src/aws-exports";
import { createPost } from "../src/graphql/mutations";
import { listPosts } from "../src/graphql/queries";
import styles from "../styles/Home.module.css";

Amplify.configure({ ...awsExports, ssr: true });
 

В вашем случае вы можете импортировать awsmobile данные из aws-exports.js Amplify.configure({...awsmobile, ssr: true}); точки входа вашего приложения и вызывать ее.