javascript - 使用打字稿反应热重载

Question

我正在尝试在 90% 的代码库上使用打字稿添加热重载tsx。为此，我正在关注https://github.com/TypeStrong/ts-loader/tree/master/examples/react-hot-boilerplate。

我已经添加

 use: [
          { loader: 'ts-loader', options: { happyPackMode: true } }
],

所以我开始得到奇怪的编译错误：

./client/main.tsx 中的错误 // <-- 我的入口点

模块构建失败（来自 ./node_modules/ts-loader/index.js）：TypeError：无法读取 Object.getEmitOutput 处未定义的属性“getEmitOutput”（....../node_modules/ts-loader/dist/instances. js:190:41)

不知道为什么...在我的依赖树上，有 tsx、ts 和 js 文件。没有这些选项，ts-loader 编译成功。

{
    "compilerOptions": {
        "allowJs": true,
        "checkJs": false,
        "allowSyntheticDefaultImports": true,
        "esModuleInterop": true,
        "target": "es5",
        "jsx": "react",
        "lib": [
            "es2015",
            "es2016",
            "es2017",
            "dom",
            "es7"
        ],
        "downlevelIteration": true,
        "typeRoots": [
            "./@types"
        ],
        "sourceMap": true,
        "noUnusedLocals": true,
        "noUnusedParameters": true
    },
    "include": [
        "./client/**/*",
        "./@types/**/*"
    ],
    "exclude": [
        ".svn"
    ]
}