Javascript 未捕获的语法错误：意外标记'<'；反应_Javascript_Reactjs

Javascript 未捕获的语法错误：意外标记'<'；反应

javascript reactjs

Javascript 未捕获的语法错误：意外标记'<'；反应,javascript,reactjs,Javascript,Reactjs,我收到这个错误-“未捕获的SyntaxError:意外令牌”请提供您的配置详细信息？你正在使用哪些工具？克拉？纯网页包？似乎你的代码没有很好地传输。我已经更新了主要问题。它正在使用react脚本。除此之外，不使用任何特定工具。报告错误的文件和行号是什么？你是如何启动这个应用程序的？如果您使用的是开发服务器，是否确认浏览器地址栏中的URL指向它？是的，我使用的是开发服务器，我使用的URL与react脚本提供的URL相同。我的URL指向正确的路径。此外，它只显示“加载…”。开发工具中index.ht

我收到这个错误-“未捕获的SyntaxError:意外令牌”请提供您的配置详细信息？你正在使用哪些工具？克拉？纯网页包？似乎你的代码没有很好地传输。我已经更新了主要问题。它正在使用react脚本。除此之外，不使用任何特定工具。报告错误的文件和行号是什么？你是如何启动这个应用程序的？如果您使用的是开发服务器，是否确认浏览器地址栏中的URL指向它？是的，我使用的是开发服务器，我使用的URL与react脚本提供的URL相同。我的URL指向正确的路径。此外，它只显示“加载…”。开发工具中index.html的第一行一直显示错误。请提供您的配置详细信息？你正在使用哪些工具？克拉？纯网页包？似乎你的代码没有很好地传输。我已经更新了主要问题。它正在使用react脚本。除此之外，不使用任何特定工具。报告错误的文件和行号是什么？你是如何启动这个应用程序的？如果您使用的是开发服务器，是否确认浏览器地址栏中的URL指向它？是的，我使用的是开发服务器，我使用的URL与react脚本提供的URL相同。我的URL指向正确的路径。此外，它只显示“加载…”。它总是在开发者工具的index.html的第一行显示错误。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <div id="root" >Loading...</div>
    </body>
</html>

import React from 'react'
import ReactDOM from 'react-dom'
import App from './app/app'

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

import React, { Component } from 'react'

export default class App extends Component {
    render(){
        return (
            <div>I am root Component</div>
        );
    }
}

"dependencies": {
    "es6-object-assign": "^1.1.0",
    "react": "^16.13.1",
    "react-app-polyfill": "^1.0.6",
    "react-dom": "^16.13.1",
    "react-redux": "^7.2.0",
    "react-router": "^5.1.2",
    "react-scripts": "^3.4.1",
    "react-thunk": "^1.0.0"
  },
 "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-plugin-transform-react-jsx": "^6.24.1",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1"
  }
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build"
  },