React Hot Reloader 3

React Hot Reloader 3

本文关键字:Reloader Hot React      更新时间:2023-09-26

我正在尝试新的React Hot Loader 3,收到一条警告消息:

warning.js:44警告:React.createElement:type不应为null,未定义、布尔值或数字。它应该是一个字符串(对于DOM元素)或ReactClass(用于复合组件)。检查渲染CCD_ 1。

这是应用程序文件。怎么了
附言:它的写法和例子一样
Ps2:问题不在应用程序中,因为它在if语句外的render()上渲染
Ps3:只有当浏览器尝试"热重新加载"时(当我对任何文件进行更改时)才会出现警告

import React from 'react';
import { render } from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import a11y  from 'react-a11y'
import Store from './stores/Store';
import App from './components/App/App';
const store = new Store();
if(process.env.NODE_ENV === 'development'){
  a11y(React);
}
render(
  <AppContainer
    component={App}
    props={{ store }}
  />,
  document.getElementById('root')
);
if (module.hot) {
  module.hot.accept('./components/App/App', () => {
    render(
      <AppContainer
        component={require('./components/App/App').default}
        props={{ store }}
      />,
      document.getElementById('root')
    );
  });
}

好的,问题出在我的.babelrc文件上。我有一些其他插件,我已经删除了,它起了作用:

{
  "presets": ["es2015-loose", "react", "stage-1"],
  "plugins": [
    "react-hot-loader/babel",
    "transform-decorators-legacy"
  ],
}