如何解决预期令牌“ lt;”反应问题

Question

当我在下面编写代码时，我会收到此错误，预计“＆lt;”。 错误是指发布的代码的最后一行。 我回顾了几次代码，但找不到错误

import React from "react";


export default function Navbar(){
    return <h1>Place for Navbar</h1>
}

import React from "react";

export default function Main(){
    return <h1>Place for Main</h1>
}


import React from "react";
import Navbar from "../componenets/Navbar";
import Main from "../componenets/Main";
export default function App(){
    return (
        <div className="container">
            <Navbar />
            <Main />
        </div>
        )
}

import React from "react";
import  ReactDOM  from "react-dom";
import App from "./App";


ReactDOM.render(
    <App />, document.querySelector(".root")
)

Answer 1

JSX语法在JavaScript中不支持。在将其发送到浏览器之前，您需要将其转移到JS中。

这通常是使用webpack完成的，但可以使用其他工具。

React文档具有a 建立React Project的指南这包括设置合适的工具链。