Html 添加到现有网站时出现问题_Html_Reactjs_Babeljs

Html 添加到现有网站时出现问题

html reactjs

Html 添加到现有网站时出现问题,html,reactjs,babeljs,Html,Reactjs,Babeljs,我正试图将我制作的react应用程序添加到我现有的网站上，我遵循了现有的文档，但显然导航器没有重新调整我代码的导入部分，brobably，因为babel解析器工作不正常？以下是我的index.js代码： import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from './re

我正试图将我制作的react应用程序添加到我现有的网站上，我遵循了现有的文档，但显然导航器没有重新调整我代码的导入部分，brobably，因为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.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();

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
从“./registerServiceWorker”导入registerServiceWorker；
ReactDOM.render（，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>

控制台输出：

未捕获的语法错误：index.js:1中的意外标识符您正在使用专用的

元素将依赖项作为全局加载

也不要使用

import

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

text/babel

您正在使用专用的

元素将依赖项作为全局加载

也不要使用

import

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

text/babel