将React组件嵌入到现有的Web项目中

如何解决将React组件嵌入到现有的Web项目中

我使用以下react starter kit启动了一个React应用，我正尝试使用在现有的旧Web项目中创建的组件之一。

使用入门工具包创建组件后，我运行npm run build并得到以下块：

由于我要导入自己的Home组件，因此我将home.js复制到了我的旧项目中，并使用React对其进行了引用。

我在旧项目中所做的事情：

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="components/home.js"></script>

然后在要显示组件的页面上：

<!-- Load our React component. -->
<script>
const domContainer = document.querySelector('#reactHome');
ReactDOM.render(e(Home),domContainer);
</script>

<div id="reactHome"></div>

但是控制台显示以下错误：

home.js:1 Uncaught ReferenceError: require is not defined
    at home.js:1
(anonymous) @ home.js:1
indexReact.PHP?page=battleArea:314 Uncaught ReferenceError: Home is not defined
    at indexReact.PHP?page=battleArea:314

知道我想念什么吗？