next.js - How to use i18n and next/image in next.config.js with TypeScript?

Question

I am trying to create a mini-application using TypeScript in NextJS since now TypeScript is supported in Next.js out of the box. And I also want to incorporate these two newly added features:

• Image Component and Image Optimization (next/image)
• Internationalized Routing (i18n)

Take i18n for example:

// 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',
    },
  }

Unfortunately, I am having a really hard time using them in my next.config.js, as for the normal application (JavaScript only), it is working as it should. But for the TypeScript version, I am getting this error:

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

It will be really helpful if any of you can help me out OR can give an example that how to properly use next.config.js and incorporate those new features in the TypeScript NextJS application.

Answer 1

等待大神答复