Javascript 未捕获的语法错误：预期表达式，get'<'；_Javascript_Reactjs

Javascript 未捕获的语法错误：预期表达式，get'<'；

javascript reactjs

Javascript 未捕获的语法错误：预期表达式，get'<'；,javascript,reactjs,Javascript,Reactjs,我正试图使用react在浏览器中显示“Hello World” 从“React”导入React；从“react dom”导入react dom； const myelement=你好世界； render（myelement，document.getElementById（'root'）列表您必须添加babel才能使用JSX。根元素的id应该与ReactDOM.render函数中的id匹配 <!DOCTYPE html> <html> <head>

我正试图使用react在浏览器中显示“Hello World”

从“React”导入React；
从“react dom”导入react dom；
const myelement=你好世界；
render（myelement，document.getElementById（'root'）

列表
您必须添加babel
才能使用JSX
。根元素的id
应该与ReactDOM.render
函数中的id
匹配
<!DOCTYPE html>
<html>
  <head>
    <link rel="shortcut icon" href="#">
    <title>List</title>
  </head>
  <body>
    <div id="root"></div>
  
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"> 
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

    <script type="text/babel">
      const myelement = <h1>Hello World</h1>;

      ReactDOM.render(myelement, document.getElementById('root'));
    </script> 
  </body>
</html>


列表
const myelement=你好世界；
render（myelement，document.getElementById（'root'）；
内容周围的引号：const myelement=“Hello World”；你在用巴贝尔吗？请参阅或我已经引用了sintax，但是出现了一个新错误：uncaughttypeerror：错误解析模块说明符“react”。相关模块说明符必须以“/”、“./”或“/”开头。有没有办法解决这个问题？不使用Babel让你的生活更轻松，使用create react app
这样的工具更快地开始使用react