我正在关注this tutorial on React and MVC,并且教程按照说明工作,但我尝试集成的React结构是JavaScript,而不是jsx。
我在运行程序时在浏览器的控制台中遇到Uncaught SyntaxError: Unexpected token <
。
最接近的问题是this question,这对我的问题没有帮助,因为该项目在我开始流浪之前有效,而this question则没有提出完全相同的问题。
Index.cshtml:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>Hello React</title>
</head>
<body>
<div id="content"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/1.7.1/remarkable.min.js"></script>
<script type="module" src="@Url.Content("~/React/index.jsx")"></script>
</body>
</html>
index.jsx:
import App from './src/App.js';
ReactDOM.render(
<App />,
document.getElementById('content')
);
App.js:
import React, { Component } from 'react';
class App extends Component {
render() {
return (
<div className="App text-center">
<h1>Analytics</h1>
</div>
);
}
}
所有内容都指向正确的位置,然后Uncaught SyntaxError: Unexpected token <
指向App.js中的<div className="App text-center">
。
为什么我收到此错误? :/