如果HTML页面中的React组件保存在单独的JavaScript文件中，则无法访问该组件

我在JavaScript文件中有一个React组件，我在HTML页面中添加了它：

以下是

组件

代码：

var ReactComponent = React.createClass({
    render: function() {
        return (
            <div id={this.props.uniqueId}></div>
        );     
    }
});

var ReactComponent=React.createClass({
render:function（）{
返回(
);     
}
});

然后我在HTML页面的其余代码中使用该组件，如：

<script type="text/babel">
    ReactDOM.render(<ReactComponent uqId='id1'/>,
                    document.getElementById('container'));
</script>

ReactDOM.render（，
document.getElementById（'container'）；

但是，在将代码部署到服务器并运行它之后，出现了错误

ReactComponent未定义

。有人能告诉我为什么会发生这种情况，以及我如何解决它吗

---

注意：如果我将组件保存在HTML文件中，它就可以正常工作。JavaScript文件下载也没有问题，并且

browser.min.js

被添加到HTML页面中。

您是否试图在包含该组件之前使用该组件？不，在页面中使用它之前，我有文件添加脚本标记的方式。但我多次使用该组件。这是个问题吗？谢谢。不，那应该没问题。页面上是否包含React库？这在服务器上只发生一次，在本地服务器上没有问题？我只添加了react.min.js、react-dom.js、browser.min.js、react-component.js。在本地，我无法下载text/babel类型的脚本文件，因为它不由http、数据等提供服务。。这就是为什么我应该只在服务器上测试它。这听起来像是部署过程中的一个问题。你是怎么做到的？由于某些原因，没有加载您的“component.js”文件。检查浏览器DevTools上的“网络”以查看是否正在下载。是否在包含该组件之前尝试使用该组件？否，在页面中使用该组件之前，我有文件添加脚本标记的方法。但我多次使用该组件。这是个问题吗？谢谢。不，那应该没问题。页面上是否包含React库？这在服务器上只发生一次，在本地服务器上没有问题？我只添加了react.min.js、react-dom.js、browser.min.js、react-component.js。在本地，我无法下载text/babel类型的脚本文件，因为它不由http、数据等提供服务。。这就是为什么我应该只在服务器上测试它。这听起来像是部署过程中的一个问题。你是怎么做到的？由于某些原因，没有加载您的“component.js”文件。检查浏览器DevTools上的“网络”，查看是否正在下载。