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

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

>添加与@ types / react-data-grid一起使用的适当类型.是否有选择权?某种方式的打字稿编译器会将我的新打字与@ types / react-data-grid合并并停止显示错误?
>在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”

最佳答案 回答问题1.

一般你不能.可以通过扩展类/接口并使用扩展版本来扩展其类型,但是通过在https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types处发出拉取请求来扩展类型会更好,这是@ types / *即将到来的地方从

回答问题2.

这是从ts-loader docs开始的

The build should fail on TypeScript compilation errors as of webpack
2. If for some reason it does not, you can use the webpack-fail-plugin.

它是完美的,因为否则你将在发布之前修复生产错误,因为你已经忘记了所做的一切,而不是在编写实际代码时修复错误.可能通过使用transpileOnly选项可以禁用此功能.

另一个选择是使用awesome-typescript-loader而不是ts-loader,它有一个errorsAsWarnings选项

点赞