Question

React和/或react-dom未正确加载。但为什么不呢？

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src='babel.min.js'type='text/javascript'></script>
    <script src='react.js' type='text/javascript'></script>
    <script src='react-dom.js' type='text/javascript'></script>


    <script type="text/babel">

    class App extends React.Component {
        render() {
            return (
                <div>Hello world</div>
            );
        }
    }   

    ReactDOM.render(
        <App />,
        document.getElementById('root')
    );
    </script>
</head>
<body>
    <div id="root">
    </div>
</body>
</html>

第一个抱怨是 react.js：14未捕获的ReferenceError：未定义进程 at react.js：14

react.js和react-dom.js都是版本16.2.0

Answer 1

你可以使用像这样的cdn托管的脚本......

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

只需复制粘贴并替换您拥有的内容......或者如果您想在自己的服务器上托管它，您可以查看源文件并将其复制粘贴到文件中。另外，请确保它们的订单正确无误。

您还可以在此反馈指南中找到一个有效的示例 - https://reactjs.org/docs/installation.html#creating-a-new-application

希望这有帮助！谢谢:)）

UPDATE：

您可以在本地设置React的其他选项是......

1。）使用Browserify或Webpack等捆绑软件设置本地开发环境和工作流程。为此，您必须具备npm和webpack的知识。如果您想自己完成所有操作，这是一个很好的设置教程 - https://www.codecademy.com/articles/react-setup-i

2.。）使用create-react-app，它是Facebook的快速入门套件。这是他们回购的链接 - https://github.com/facebookincubator/create-react-app

Answer 2

我的最终目标是采用已开发的反应应用程序并将其部署到Apache或Nginx服务器。我应该做的不是使用CDN，而是

参见https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#npm-run-build 和 https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#building-for-relative-paths

如何在单个html页面中加载react / react-dom？

2 个答案:

UPDATE：