reactjs - 类型 'hot' .ts(2339) 上不存在属性 'NodeModule'

Question

我购买了一个带有以下几行的 React 模板，但我不清楚它的目的是什么，该模板是 JS 格式的，我想将其更改为 Typescript

模板中存在以下几行

 if (module.hot) {
    module.hot.accept('./dashApp.js', () => {
      const NextApp = require('./dashApp').default;
      ReactDOM.render(<NextApp />, document.getElementById('root'));
    });
  }

但是，当重命名为 .TS 时，我收到此错误:

Property 'hot' does not exist on type 'NodeModule'.ts(2339)

这段代码的真正作用是什么？用简单的英语来说

Answer 1

此代码与 Webpack 的热模块替换功能(HMR)相关。 module.hot 的工作原理如下:

module.hot.accept(
  dependencies, // Either a string or an array of strings
  callback // Function to fire when the dependencies are updated
);

因此，您包含的代码执行以下操作:*当 ./dashApp.js 的代码或其在需求/导入树中需要/导入的模块之一更新时，重新渲染整个 React 应用程序。

节点模块上的 hot 属性不是标准的，因此会出现 TS 错误 - 确保安装所需的类型定义! npm install --save-dev @types/webpack-env 应该可以解决问题。

<小时/>

相关阅读:

• Hot Module Replacement concept :HMR 上的高级 Webpack 文档
• Hot Module Replacement API HMR 上的低级 Webpack 文档，解释了如何使用它以及 module.hot.accept 的作用
• Property 'hot' does not exist on type 'NodeModule' :解决 TS 错误的 Github 问题