Webpack热重载停止错误的打字错误

Question

我在React + Typescript + Webpack堆栈中有一个项目，我正在使用带有@ types / react-data-grid包的react-data-grid包。问题是@ types / react-data-grid中提供的类型不完整。尝试使用其中一个属性时会导致打字稿错误。但是我知道这个属性存在，这只是不完整的打字问题。所以我想解决两个问题：

1. 添加与@ types / react-data-grid一起使用的适当类型。是否有选择权？某种方式的打字稿编译器会将我的新打字与@ types / react-data-grid合并并停止显示错误？

2. 在Webpack中启用热重新加载。即使考虑到打字错误，仍然会创建捆绑包并在使用webpack-dev-server后刷新页面。所以我实际上可以开发，但热重装会更好。有没有选项告诉webpack-dev-server忽略typescript错误？我只想在此期间执行此操作，然后解决Ad问题。 1。

我正在使用：

“ts-loader”：“^ 4.1.0”， “typescript”：“^ 2.7.2”， “webpack”：“^ 4.2.0”， “webpack-cli”：“^ 2.0.13”， “webpack-dev-server”：“^ 3.1.1”

Answer 1

回答问题1。

一般情况下你不能。您可以通过扩展其类/接口并使用扩展版本来扩展他们的类型，但是通过在{{3}处发出拉取请求来扩展类型会更好。 } @types/*来自

的地方

回答问题2.

这是来自https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types

的内容

  

从webpack开始，构建应该在TypeScript编译错误上失败   2.如果由于某种原因没有，您可以使用webpack-fail-plugin。

这样做很好，因为否则当你已经忘记了所做的一切而不是在编写实际代码时修复错误时，你最终会在发布之前修复生产错误。可能使用ts-loader docs选项禁用此功能。

另一种选择是使用awesome-typescript-loader而不是具有transpileOnly选项的ts-loader