我收到 next.js 应用程序的 next-intl npm 包的 MISSING_MESSAGE 错误

Question

import { useEffect } from "react";
import type { AppProps } from "next/app";
import Script from "next/script";
import { SWRConfig } from "swr";
import { useRouter } from "next/router"
import { AppContext } from "@context/index";
import { NextIntlProvider } from 'next-intl'

function MyApp({ Component, pageProps }: AppProps) {

<SWRConfig
      value={{
        onErrorRetry: (error: any) => {
          // Never retry on 401.
          if (error.status === 401) return;
        },
        errorRetryCount: 2,
      }}
    >
    <>
      <NextIntlProvider messages={pageProps.messages}>
        <AppContext>
          <div>
          
            <Component {...pageProps} />
        
          </div>
        </AppContext>
        </NextIntlProvider>
      
      </>
    </SWRConfig>
 );
}

export default MyApp;

我收到代码：“MISSING_MESSAGE”，originalMessage：“提供商未配置任何消息。” 即使遵循 Next-intl 的文档后也会出现错误，它表示消息未配置。我已在 _app.tsx 文件页面文件夹中配置了该按摩。请指导我解决这个问题。

Answer 1

然后，您必须在getStaticProps页面文件的中对其进行配置：您可以从此链接参考！