reactjs - 使用 typescript 和 craco 在 React 中允许 mjs 扩展文件

Question

我有一个带有 Craco 的基本反应应用程序，用于支持 tailwindcss。我想要做的是从 main.mjs 文件中读取，但是当我尝试导入文件时，我遇到了一个找不到模块的 ts2307 错误。有没有办法让我的应用程序找到 *.mjs 文件？就像我尝试过浏览 craco 配置文档一样，但我一直错过我猜想的要点。

Answer 1

在您的craco.config.js文件中，需要允许 tailwind css 以及覆盖 webpack 配置，如下所示。

module.exports = {
  style: {
    postcss: {
      plugins: [require('tailwindcss'), require('autoprefixer')],
    },
  },
  webpack: {
    configure: {
      module: {
        rules: [
          {
            type: 'javascript/auto',
            test: /\.mjs$/,
            use: [],
          },
        ],
      },
    },
  },
};