1

我正在尝试在 NextJS 中使用 TypeScript 创建一个迷你应用程序，因为现在Next.js 支持TypeScript。而且我还想合并这两个新添加的功能：

举个i18n例子：

// next.config.js
module.exports = {
    i18n: {
      // These are all the locales you want to support in
      // your application 
      // Sub-path Routing 
      locales: ['en', 'cn'],
      // This is the default locale you want to be used when visiting
      // a non-locale prefixed path e.g. `/hello`
      defaultLocale: 'en',
    },
  }

不幸的是，我很难在我的应用程序中使用它们next.config.js，至于普通应用程序（仅限 JavaScript），它可以正常工作。但对于 TypeScript 版本，我收到此错误：

(node:15704) UnhandledPromiseRejectionWarning: TypeError: Cannot set property '__nextLocale' of undefined

如果你们中的任何人都可以帮助我，或者可以举例说明如何next.config.js在 TypeScript NextJS 应用程序中正确使用和合并这些新功能，那将非常有帮助。

4

1 回答 1

1

我认为没有称为“en”和“cn”的语言环境

https://en.wikipedia.org/wiki/Language_localisation

我认为你需要的是：

const withImages = require('next-images')
const withPWA = require('next-pwa')

module.exports = withPWA(
withImages({
  images: {
    domains: [
    'images.ctfassets.net',
    'imgix.cosmicjs.com',
    'cdn.cosmicjs.com',
   ],
   i18n: {
      // These are all the locales you want to support in
      // your application
      locales: ['en-US', 'zh-CN'],
      // This is the default locale you want to be used when visiting
      // a non-locale prefixed path e.g. `/hello`
      defaultLocale: 'pt-BR',
      ...
   }
 },
于 2021-03-24T23:09:04.283 回答