Reactjs TypeError:ReactHotAPI不是函数

错误描述

TypeError: ReactHotAPI is not a function
<anonymous>
 bundle.js:2632
<anonymous>
 bundle.js:2632
<anonymous>
 bundle.js:2632
__webpack_require__()
 bundle.js:556
hotCreateRequire/fn()
 bundle.js:87
<anonymous>
 bundle.js:2572
<anonymous>
 bundle.js:2572
<anonymous>
 bundle.js:2572
__webpack_require__()
 bundle.js:556
hotCreateRequire/fn()
 bundle.js:87
<anonymous>
 bundle.js:2347
__webpack_require__()
 bundle.js:556
hotCreateRequire/fn()
 bundle.js:87
<anonymous>
 bundle.js:1491
__webpack_require__()
 bundle.js:556
hotCreateRequire/fn()
 bundle.js:87
<anonymous>
 bundle.js:1411
<anonymous>
 bundle.js:1411
<anonymous>
 bundle.js:1411
__webpack_require__()
 bundle.js:556
hotCreateRequire/fn()
 bundle.js:87
<anonymous>
 bundle.js:698
<anonymous>
 bundle.js:698
<anonymous>
 bundle.js:698
__webpack_require__()
 bundle.js:556
hotCreateRequire/fn()
 bundle.js:87
<anonymous>
 bundle.js:595
<anonymous>
 bundle.js:595
__webpack_require__()
 bundle.js:556
hotCreateRequire/fn()
 bundle.js:87
<anonymous>
 bundle.js:586
__webpack_require__()
 bundle.js:556
<anonymous>
 bundle.js:579
<anonymous>
 bundle.js:1
 bundle.js:2632:318

---

我尝试了很多方法来解决这个问题。它将在某个地方工作。是的，它在排除后工作。我单独为web构建GifteManager，但不排除任何节点模块。现在我将GifteMessanger与我的主应用程序集成，然后我将面临真正残酷的webpack，若我排除节点模块，则主应用程序将工作，而GifteMessenger将无法工作。如果我不排除节点模块，那么我得到的是ReactHotAPI不是一个函数。我想用中间的方法来满足这两件事

您需要在加载程序中排除node_模块-您排除了node_模块-我认为这应该可以工作

loaders: [
      {
      test: /\.jsx?$/,
      loaders: ['react-hot', 'babel-loader?presets[]=es2015&presets[]=react&presets[]=stage-2&presets[]=stage-0'],
      include: [config.paths.src],
      exclude: '/node_modules/' 
      },
    { 
      test: /\.css$/, 
      loader: "style-loader!css-loader"
    },
    {
      test: /.*\.(gif|png|jpe?g|svg)$/i,
      loader: 'file-loader'
    }]

---

你需要在你的加载器中排除node_模块-你排除了node_模块-我认为这应该是可行的

loaders: [
      {
      test: /\.jsx?$/,
      loaders: ['react-hot', 'babel-loader?presets[]=es2015&presets[]=react&presets[]=stage-2&presets[]=stage-0'],
      include: [config.paths.src],
      exclude: '/node_modules/' 
      },
    { 
      test: /\.css$/, 
      loader: "style-loader!css-loader"
    },
    {
      test: /.*\.(gif|png|jpe?g|svg)$/i,
      loader: 'file-loader'
    }]

---

我解决了排除与我的设置相同的节点模块的问题，但问题是我在我的项目中集成了一些第三方库，该库依赖于一些节点模块，因此我需要包括这些节点模块。我解决了排除与我的设置相同的节点模块的问题，但问题是我在我的项目中集成了一些第三方库项目库依赖于一些节点模块，所以我需要包括这些节点模块。