将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

知道我想念什么吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）