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

Question

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

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

my./src/index.js 是标准：

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

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

我的 App.js 是标准的： import React, {Component} from 'react'

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

export default App

当我使用“npm start”运行它时，会显示“Hello World”，然后是我现有的 html。 但是该页面显示了现有的 html，其背后没有 javascript 功能。 index.html 包含指向现有 javascript 的链接，如下所示：

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

javascript 以 jquery 开头，如下所示：

(function($) {

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

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

Uncaught SyntaxError: Unexpected token '<' （在 SplitPane.js 的第 1 行）

该行甚至没有任何“<”或“>”标记，因此该错误没有意义。

有任何想法吗？

Answer 1

请检查您的 HTML 代码， >缺失。