Plugin Gatsby Netlify CMS tidak bekerja dengan TypeScript?

Saya sedang mencoba mengintegrasikan gatsby-plugin-netlify-cms dengan Gatsby typescript dan setiap kali saya mencoba membangun website, saya mendapatkan pesan kesalahan berikut.

"Anda mungkin memerlukan loader yang sesuai untuk menangani jenis file ini, saat ini tidak ada loader yang dikonfigurasi untuk memproses file ini."

File gatsby-config.js saya ditulis seperti berikut,

module.exports = {
  /* Your site config here */
  plugins: [
    `gatsby-plugin-styled-components`,
    {
      resolve: `gatsby-plugin-netlify-cms`,
      options: {
        modulePath: `${__dirname}/src/cms/cms.ts`,
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `markdown-pages`,
        path: `${__dirname}/src/pages`,
      },
    },
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 512,
            },
          },
        ],
      },
    },
    `gatsby-plugin-netlify`,
  ],
};

Saya berhasil membuat Typescript bekerja untuk sisa proyek saya dan itu baru mulai gagal ketika saya mencoba memodifikasi template preview. Secara khusus, semuanya rusak ketika saya menulis kode berikut gatsby-plugin-netlify-cms.

options: {
    modulePath: `${__dirname}/src/cms/cms.ts`,
},

Mengapa saya mendapatkan pesan kesalahan?

Jawaban #1

Menutup ini untuk siapa pun yang mengalami kesalahan ini. Saya menambahkan baris kode berikut ke file gatsby-config.js.

plugins: [
  {
    resolve: 'gatsby-plugin-typescript',
    options: {
      isTSX: true,
      allExtensions: true,
    },
  },
]

Ini memperbaiki kesalahan untuk saya.

Artikel terkait