[试图获得一个非常简单的组件以显示在html上,但是在4个小时后运气为零。我一直遇到相同的问题,并仔细研究了所有我认为可以帮助但仍然无法解决的stackoverflow问题和已实现的问题。我仍然通过“ Uncaught SyntaxError:Unexpected token'遇到相同的错误
这是我的html:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id= "root"></div>
<script type="text/jsx" src="k.js">
</script>
</body>
</html>
这是我的JavaScript文件:
import React from 'react'
import ReactDOM from 'react-dom'
ReactDOM.render(<h1>okokok</h1>, document.getElementById('root'))
这是我的package.json:
{
"name": "http-server",
"version": "1.0.0",
"description": "",
"main": "k.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
ReactDOM.render()不接受标准HTML。您必须提供一个React组件,例如:
var foo = '<h1>okokok</h1>'
然后将其用作:
ReactDOM.render(<Foo />, document.getElementById('root'))