向现有网站添加反应的问题答案

【问题标题】：A problem adding react to an existing website向现有网站添加反应的问题
【发布时间】：2019-04-09 14:39:19
【问题描述】：

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

我尝试将 babel 作为脚本中的一种类型，但没有成功这是我的 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 中的意外标识符

【问题讨论】：

标签： html reactjs babeljs

【解决方案1】：

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

也不要使用import。

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

【讨论】：