相关疑难解决方法(0)

是否可以将 _app.jsx 组件中的布局与 next-i18next 一起使用?

为了创建一个网站,我使用 nextjs,在创建页面时,我将带有页眉和页脚的总体布局放入一个单独的临时组件中,并将页面组件包装在文件中_app.jsx

function App({ Component, ...rest }) {

  const { store, props } = wrapper.useWrappedStore(rest)

  return (
    <Provider store={store}>
      <Layout>
        <Component {...props.pageProps} />
      </Layout>
    </Provider>
  )
}

Run Code Online (Sandbox Code Playgroud)

一切正常,直到本地化成为问题,使用next-18next库进行翻译并添加后serverSideTranslations,每个页面上开始出现两个错误:

 react-i18next:: You will need to pass in an i18next instance by using initReactI18next
frontend-node_1      | TypeError: Cannot read properties of undefined (reading 'label')
frontend-node_1      |     at DropdownSwitcher (webpack-internal:///./src/components/header/translation/DropdownSwitcher.jsx:45:36)
frontend-node_1      |     at renderWithHooks (/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
frontend-node_1      |     at renderIndeterminateComponent (/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5731:15)
frontend-node_1      |     at renderElement (/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)
frontend-node_1      |     at …
Run Code Online (Sandbox Code Playgroud)

next.js react-hooks next-i18next

5
推荐指数
1
解决办法
1429
查看次数

标签 统计

next-i18next ×1

next.js ×1

react-hooks ×1