next-18next 与最新 nextjs 集成时出错:在没有 next-i18next 配置的情况下调用了 appWithTranslation

问题描述

我正在将今天的应用升级到最新的 nextjs 版本 (10.0.9)。

为了移动翻译,我使用了 next-i18next lib 及其来自 Github 的简单示例。

但是,在我的应用程序中,我总是遇到下一个错误

enter image description here

在next-i18next lib的调试器上,我发现在没有提供i18n config的情况下抛出这个错误

在我的应用配置中看起来像:

nextjs.config.js

nextjs.config.js

next-i18next.config.js

enter image description here

_app.js

const HeadstartApp = (props) => {
const { Component,apollo,redux,theme } = props;
  const reduxRef = useRef(initRedux(redux));
  const apolloRef = useRef(
    getApolloClient()
  );
return (
    <React.Fragment>
      <Head>
        <title>Example</title>
        <Meta
          name='viewport'
          content='minimum-scale=1,initial-scale=1,width=device-width'
        />
      </Head>
     
      <ApolloProvider client={apolloRef.current}>
        <Provider store={reduxRef.current}>
          <div dir={locale === 'he' ? 'rtl' : 'ltr'}>
            <ThemeProvider theme={createMuiTheme(theme)}>
              {/* <AppBar position={'static'}>
            <Toolbar>
              <Typography>
                <h1>{locale}</h1>
              </Typography>
              <Link href='/projects/construction/1'>
                <Button>Project 1</Button>
              </Link>
              <Link href='/projects/digital/2'>
                <Button>Project 2</Button>
              </Link>
            </Toolbar>
          </AppBar> */}

              <Layout {...props}>
                <Component {...props} />
              </Layout>
            </ThemeProvider>
          </div>
        </Provider>
      </ApolloProvider>
    </React.Fragment>
  );
};
    }
export default appWithTranslation(HeadstartApp);

index.js

const HomePage = (props) => {
...code
}

export const getStaticProps = async ({ locale,defaultLocale }) => ({
  props: {
    ...(await serverSideTranslations(locale || defaultLocale,[
      'common','homepage',])),},});

export default HomePage;

看起来我的应用程序与简单示例 here 具有相同的配置,但抛出了这个奇怪的异常。 有人得到了一些东西,可以帮助解决

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...