Question

我正尝试将我制作的react应用添加到现有网站中，我遵循了现有文档here，但显然导航器未重新调整代码的导入部分，这很可能是因为babel解析器不是工作不正常？这是我的index.js代码：

我在脚本中尝试了通天塔，但是没有运气这是我的index.js代码：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

这是我的index.html代码：

<head>
<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/react-content-loader@3.4.1/dist/react-content-loader.min.js" crossorigin ></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head><body>
<div id="root"></div>
<script src="index.js"></script>
</body>

控制台输出：未捕获的SyntaxError：index.js：1中意外的标识符

Answer 1

您正在使用专用的<script>元素将依赖项作为全局变量加载。

也不要使用import。

您正在使用JSX。您需要将包含该脚本的脚本标记为text/babel。

添加对现有网站的反应时出现问题

1 个答案: