Javascript 我的React应用程序出错-'；必须返回有效的React元素（或null）'；

我有两个反应组分，如下所示。当我尝试在Internet Explorer 9中加载它时，出现以下错误：

---

你是否在使用Babel将其传输到ES5以便IE能够理解它？它是否加载到google chrome而不是IE9？如果确实如此，则意味着您正在编译到ES6而不是ES5。IE9不支持ES6Also，在

Main.jsx

中，您是否从

“React”

显式导入

React

？@AndrewLi yes。我是。如上所述，如果我只是将纯文本放入它呈现的应用程序组件中。只有当我试图记住“主”组件时，它才会出错。奇怪。@AndrewLi我现在就要进入babel/webpack设置了！祝我好运，谢谢你的帮助，谢谢！你是否在使用Babel将其传输到ES5以便IE能够理解它？它是否加载到google chrome而不是IE9？如果确实如此，则意味着您正在编译到ES6而不是ES5。IE9不支持ES6Also，在

Main.jsx

中，您是否从

“React”

显式导入

React

？@AndrewLi yes。我是。如上所述，如果我只是将纯文本放入它呈现的应用程序组件中。只有当我试图记住“主”组件时，它才会出错。奇怪。@AndrewLi我现在就要进入babel/webpack设置了！祝我好运，谢谢你的帮助，谢谢！

// App.jsx
import React from 'react';
import Main from './Main';

const App = () => (
  <div>
    <Main />
  </div>
);

export default App;

// Main.jsx
import React from 'react';

const Main = () => (
  <div>
    Testing Main Component
  </div>
);

export default Main;

import Main from './Main';

const App = () => (
  <div>
    This is a test render
  </div>
);

export default App;

module.exports = {
  test: /\.(js|jsx)?(\.erb)?$/,
  exclude: /node_modules/,
  loader: 'babel-loader',
  options: {
    plugins: ['transform-class-properties', 'add-module-exports', 'transform-react-inline-elements'],
    presets: [
      'react',
      'stage-2',
      'es2015',
      ['env', { modules: false }],
    ],
  },
};