reactjs - 由于实现限制，CRA 2.0 w/typescript 覆盖了我的 tsconfig.json

Question

我正在尝试设置 tailwindcss 并在全新的 CRA 2.0(特别是 2.1.2)中使用 typescript 。

我无法在没有 CRA 覆盖的情况下覆盖“isolatedModules”:true 标志。

我试图通过更改 modules.export 的导出样式并强制配置为 false 而不是删除它来解决这个问题。我读到您还可以创建一个单独的 tsconfig.json，扩展您的旧版本并覆盖那里的更改，但这看起来很老套。

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "noEmit": true,
    "jsx": "preserve",
    "isolatedModules": true
  },
  "include": [
    "src",
    "postcss.config.js"
  ]
}

postcss.config.json

const tailwindcss = require('tailwindcss');
module.exports = {
  plugins: [tailwindcss('./tailwind.config.js'), require('autoprefixer')]
};

这是我的 npm 开始吐出的内容

The following changes are being made to your tsconfig.json file:
  - compilerOptions.isolatedModules must be true (implementation limitation)

我可以看到我的应用程序编译、工作，然后绘制到页面，然后它被一个红色的错误框替换，上面写着

Type error: Cannot compile namespaces when the '--isolatedModules' flag is 
provided.  TS1208

  > 1 | const tailwindcss = require('tailwindcss');
      | ^
    2 | module.exports = {
    3 |   plugins: [tailwindcss('./tailwind.config.js'), 
require('autoprefixer')]
    4 | };

如何在不弹出或扩展我的 tsconfig.json 并在我的应用程序中使用修改后的版本的情况下覆盖它。

更新:我能够通过弹出我的应用程序并直接进入 webpack-config 以删除 isolatedModules 标志来解决这个问题，这不是我想要的方式，但它有效。

Answer 1

我得到了同样的东西并添加了一个

// @ts-ignore 

在有问题的语句之前加上 require 并修复了它。

弹出是一个非常激进的解决方案；不推荐。