我正在遵循本指南，在尝试添加Hello World组件时，我卡在了该部分(此处(。
一切都在编译中，我没有收到任何错误，但我看不到该组件。
以下是代码：
Index.cshtml：
@{
Layout = null;
}
<html>
<head>
<title>Hello React</title>
</head>
<body>
<div id="content"></div>
<script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.0/umd/react.development.js"></script>
<script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.0/umd/react-dom.development.js"></script>
<script src="@Url.Content("~/js/Tutorial.jsx")"></script>
</body>
</html>
这是Tutorial.jsx文件：
class CommentBox extends React.Component {
render() {
return (
<div className="commentBox">Hello, world! I am a CommentBox.</div>
);
}
}
ReactDOM.render(<CommentBox />, document.getElementById('content'));
由于我是 ReactJS.NET 新手，我希望这些信息就足够了。如果不是，请告诉我，我会提供更多的信息。
编辑01：
我在控制台中收到错误，指出：
The script from “https://localhost:44309/js/tutorial.jsx” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.`
Loading failed for the <script> with source “https://localhost:44309/js/tutorial.jsx”.
编辑02： 似乎<script src="@Url.Content("/js/tutorial.jsx")"></script>线导致了问题。我将其更改为<script src="/js/tutorial.js"></script>，同时还将文件名更改为tutorial.js，现在它可以工作了。
谢谢！
似乎是这条线
<script src="@Url.Content("/js/tutorial.jsx")"></script>
是导致问题的原因。 我把它改成了
<script src="/js/tutorial.js"></script>
同时还将文件名更改为tutorial.js，现在它可以工作了。