javascript - React JS 简单应用 | SyntaxError:JSON 输入意外结束
问题描述
嗨,我试图通过这个Complete React Tutorial (with Redux)学习 React js 。但是我在控制台中收到以下错误。
错误处理响应:SyntaxError:
JSON.parse ()
at chrome-extension://jipinfggejlkpkomnccoocbdndjalicp/detect.js:43:25的 JSON 输入意外结束
资源 :
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- v6 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<title>Document</title>
</head>
<body>
<div id="app">
</div>
<script type="text/babel">
class App extends React.Component {
state = {
name: 'Jonin',
rank: 'A'
}
render() {
return (
<div className="app-content">
<h1>Hi sensei!</h1>
<p>Rank : { this.state.name } ({ this.state.rank })</p>
</div>
)
}
}
ReactDOM.render(<App />, document.getElementById('app'));
</script>
</body>
</html>
解决方案
推荐阅读
- angular - HTML 背景图片。纽扣
- android - onMessageReceived 永远不会被调用
- python - 这行特定的代码与我的理解相去甚远,这是做什么的?
- mysql - 如何存储旧数据,这是正确的方法吗?
- css - 子组件可以填充它的组件
- python - 如何添加到 numpy 数组的末尾并从开头删除?
- android - How to customize Cast Dialog in the Google Cast Framework for Android
- regex - 如何匹配两个 .csv 文件并写入第三个文件,将文件 2 中的数据替换为文件 1 中的数据
- julia - 我们如何在 Julia 中上课?
- scala - 如何从案例类值中获取类类型