Я следую этому учебнику по React и MVC , и учебник работает, как указано, но структура React, которую я пытаюсь интегрировать, написана на JavaScript, а не на jsx.
Я сталкиваюсь с Uncaught SyntaxError: Unexpected token < в консоли браузера, когда запускаю программу.Ближайшими вопросами были этот вопрос , который не помогает моей проблеме, потому что проект работал до того, как я начал заблудиться, и этот вопрос , который не задает совершенно тот же вопрос.
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 < указывает на <div className="App text-center"> в App.js.
Почему я получаю эту ошибку?: /