属性“ hot”在类型“ NodeModule”上不存在。ts（2339）

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

只是添加到已接受的答案：安装后，@types/webpack-env您可能必须添加"types": ["webpack-env"]到您的tsconfig.jsonin compilerOptions. 直到那时它才终于对我有用。

所以你的tsconfig.json看起来像这样：

{
  "compilerOptions": {
    ...
    "types": ["webpack-env"]
  },
  ...
}

Answer 2

此代码与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应该可以。

相关读物：

• 热门模块替换概念：HMR上的高级Webpack文档
• HMR上的Hot Module Replacement API低级Webpack文档，说明如何使用它以及如何module.hot.accept执行
• 类型“ NodeModule”上不存在属性“ hot”：解决TS错误的Github问题