用打字稿反应热重装

Question

我正在尝试在90％tsx的代码库上添加带有typescript的热重装。为此，我正在关注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：无法读取   未定义的属性“ getEmitOutput”       在Object.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"
    ]
}