使用 Webpack 和 ForkTsCheckerWebpackPlugin 在开发期间进行 Typescript 类型检查？答案

【问题标题】：Typescript type checks during development using Webpack and ForkTsCheckerWebpackPlugin?使用 Webpack 和 ForkTsCheckerWebpackPlugin 在开发期间进行 Typescript 类型检查？
【发布时间】：2020-12-12 19:59:15
【问题描述】：

我是 Typescript 的新手，我正在使用以下设置：

使用react、redux 和react-redux
与webpack捆绑
使用ForkTsCheckerWebpackPlugin进行类型检查
我也用react-hot-loader

而且我有一些奇怪的行为。

有时我会更改我正在使用的类型，ForkTsCheckerWebpackPlugin 只会在我停止并重新启动 webpack-dev-server 以从头开始编译所有内容后显示（或不显示）类型错误。

这是正常行为吗？每次对正在使用的类型进行更改时是否需要重新编译？

例如：

插件抱怨我的LAYOUT 类型中缺少IS_MOBILE 属性。

这是因为我正在为这个对象尝试一个新的形状。

但是您可以看到我已经从LAYOUT 界面中删除了该属性，因此该错误不应再显示。

现在我要重启webpack：

您可以从上图中看到错误现在已经消失了。

问题

这是ForkTsCheckerWebpackPlugin 的正常行为吗？进行此类更改时是否需要重新编译所有内容？还是可能是因为我正在使用react-hot-loader 或我应该使用的其他配置。

注意：在我打开的文件中的正常 VSCode ts 检查工作正常。它们总是能立即反映我对我正在使用的类型所做的更改。

PS：这些类型在d.ts文件中使用declare namespace {...}声明

【问题讨论】：

标签： typescript webpack typescript-typings fork-ts-checker-webpack-plugin

【解决方案1】：

看起来像这个错误https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/issues/457

你可以尝试配置ForkTsCheckerWebpackPlugin

new ForkTsCheckerWebpackPlugin({
    typescript: {
        build: true,
    },
}),

但这是解决问题的方法，而不是解决问题的方法。

【讨论】：