0

我使用以下react 入门工具包启动了一个 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

知道我缺少什么吗？

4

0 回答 0