Как использовать i18n и next / image в next.config.js с TypeScript?

Question

Я пытаюсь создать мини-приложение с использованием TypeScript в NextJS, так как теперь TypeScript поддерживается в Next.js из коробки. И я также хочу включить эти две недавно добавленные функции:

• Компонент изображения и оптимизация изображения (следующий / изображение)
• Интернационализированная маршрутизация (i18n)

Брать 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',
    },
  }

К сожалению, мне очень трудно использовать их в моем, что касается обычного приложения (только JavaScript), оно работает так, как должно. Но для версии TypeScript я получаю эту ошибку:

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

Будет действительно полезно, если кто-нибудь из вас сможет мне помочь ИЛИ привести пример того, как правильно использовать next.config.js и включить эти новые функции в приложение TypeScriptNextJS.

Answer 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',
      ...
   }
 },