索引.cshtml

@{
  ViewBag.Title = "Home Page";
 }

<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 src="~/Scripts/react/react.min.js"></script>
<script src="@Url.Content("~/Scripts/app/app.jsx")"></script>

app.jsx
var HelloWorld = React.createClass({
    render: function () {
        return (
            <div>Hello World!!</div>
        );
}
});

在浏览器中出现错误,例如

最佳答案

通过以下步骤解决了这个问题,

1) 确保安装了 React.Web.Mvc4 包,它在 NuGet 管理器中被命名为
ReactJS.NET
2) 从 NuGet 管理器安装以下包,

 JavaScriptEngineSwitcher.V8
 JavaScriptEngineSwitcher.V8.Native.win-x64
 JavaScriptEngineSwitcher.V8.Native.win-x86

3) 在 App_Start 目录中更新一个文件 ReactConfig.cs
    public static void Configure()
    {
        JsEngineSwitcher.Current.DefaultEngineName = V8JsEngine.EngineName;
        JsEngineSwitcher.Current.EngineFactories.AddV8();
    }

4)清洁,构建解决方案。

关于asp.net - 使用 Asp.net MVC4 配置 React,在浏览器中出现类似 Failed to load resource[app.jsx] 的错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47375104/

10-11 12:24