Question

我正在关注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">。

为什么我收到此错误？：/

ASP.NET无法正确识别React中的html插入

0 个答案: