Javascript 将现有应用程序转换为react会产生意外的令牌'<'；

我是新来的。我有一个现有的传统web应用程序（使用jquery），我想将其转换为React，但浏览器中出现错误。我使用CreateReact应用程序创建了一个新的react项目。在index.html中，我在

<div id="root"></div>

在Chrome控制台中，我看到错误：

---

未捕获的语法错误：意外标记“请检查您的HTML代码，

缺失。

您缺少开头div#root标记上的收尾角括号。抱歉，我刚才在这篇文章中键入了错误。我已经更新了帖子。所以你在旧应用程序中加入了React hello world应用程序？你是否期待它突然成为一款react应用程序？因为那不可能，对不起，不可能。我想逐步转换现有的应用程序，一步一步地做出反应。这只是过程中的第一步。我还没有更改任何现有的javascript。为什么React会阻止它被调用？你可能想将hello world从旧应用程序中分离出来，然后慢慢地开始将其移动到新应用程序中。错误信息非常清楚：某处缺少“>”。

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

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

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>Hello, React!</h1>
      </div>
    )
  }
}

export default App

<script src="../src/components/SplitPane/SplitPane.js"></script>

(function($) {

  $.fn.splitPane = function() {
    var $splitPanes = this;
    $splitPanes.each(setMinHeightAndMinWidth);