#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});
точки входа вашего приложения и вызывать ее.