Javascript 网页及；通过Babel与Es2015模块进行反应

我真的很挣扎与网页和反应。很久以来，Node 5.0似乎都没有注册我在package.json“dependencies”中安装的npm模块。 今天，我将Node升级到了5.2，现在它似乎运行良好

然而，现在我正努力让模块中的React代码正常工作

Webpack未报告任何错误。 Chrome控制台显示：

“未捕获错误：不变冲突：ReactDOM.render（）：无效组件元素。”（指向Main.jsx文件）

这里有很多依赖项&我的webpack配置相当长，所以我犹豫地将main.jsx文件的内容发布在这里，仅在so上。整个repo（使用长度配置文件，但是React代码本身只有几行）是

main.jsx：

import React from 'react';
import ReactDOM from 'react-dom';
import AppParent from './components/App.jsx';
main ();
function main () {
    const app = document.createElement ('div');
    document.body.appendChild (app);
    ReactDOM.render (AppParent, app);
};

App.jsx：

import React from 'react';
import Topbar from './Topbar.jsx';
export default AppParent;
var AppParent = React.createClass ({
    render : function () {
        return (
            <div className = 'ReactParent'>
            </div>
        );
    }
});

从“React”导入React；
从“/Topbar.jsx”导入Topbar；
导出默认AppParent；
var AppParent=React.createClass({
渲染：函数（）{
返回(
);
}
});

在需要渲染元素的方法中：

ReactDOM.render (<AppParent />, app);

---

ReactDOM.render（。
您没有渲染元素，它应该是
ReactDOM.render（，app）
我的直接猜测是，这是由于在App.jsx中定义AppParent之前导出AppParent造成的。我可以在笔记本电脑旁的代码笔中对其进行测试。只是尝试了一下，没有什么不同。我想我读到导入和导出被提升到顶部。@BrandonLewis是正确的，您当前的导出订单也是incorr等。出口的“提升”行为不适用于本案例。BrandonLewis&@loganfsmyth，是的，您是正确的，在声明使出口功能生效后将其移动到。感谢您的澄清。