在 Cassette 中添加 ScriptBundle 不起作用

Question

我正在尝试将我的 JSX 文件捆绑到一个 asp.net 核心应用程序中，但我什么也做不了……我也在使用 ReactJS.NET。目前我正在使用 Cassette 来捆绑我的文件，我已经按照 this guide + Cassette 自己网站上的指南进行操作，但没有成功。它还在指南中说，当安装了 React.Cassette NuGet 包时，应该创建一个 CassetteConfiguration.cs-file - 这没有发生，所以我创建了自己的 CassetteConfiguration.cs-file它看起来像这样：

namespace ReactNewTest
{
    public class CassetteBundleConfiguration : IConfiguration<BundleCollection>
    {
        public void Configure(BundleCollection bundles)
        {
            // Configure your bundles here...
            // Please read http://getcassette.net/documentation/configuration

            bundles.Add<ScriptBundle>("main.js", "js/tutorial.jsx", "js/guide.jsx");
        }
    }
}

在此之后，我尝试将其发送到我的视图 - Index.cshtml - 视图中的代码如下所示：

@using Cassette.Web
@using Cassette
@using Cassette.Views
@using Cassette.Aspnet
@using Cassette.BundleProcessing
@using Cassette.React
@{
    Layout = null;
    Bundles.Reference("main.js");
}
<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>
    @Bundles.RenderScripts()
</body>
</html>

我也将 _ViewImports.csHtml 编辑为：

@using React.AspNet
@using ReactNewTest
@using Cassette.React
@using System.Web.Optimization
@using Cassette.Views
@using Cassette
@using Cassette.Aspnet
@using Cassette.BundleProcessing

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@inject Microsoft.ApplicationInsights.Extensibility.TelemetryConfiguration TelemetryConfiguration

当我尝试运行它时，它只给我 this NullReferenceException。

我现在已经尝试了好几天让这个捆绑在我的 asp.net 核心应用程序中工作，但我什么也做不了......所有的文档都是旧的并且指向相同的教程2岁..

我已经尝试使用 asp.net 核心自己的捆绑包、Babel、Webpack ad now Cassette 进行捆绑，但没有任何工作，这让我发疯！

我真的希望有人能帮我解决这个捆绑问题。

Answer 1

Cassette 与 ASP.NET Core 不兼容，并且 ASP.NET Core (https://github.com/madskristensen/BundlerMinifier) 附带的打包器和压缩器不可扩展，因此无法添加 JSX 编译给它。您可以尝试使用 Gulp 或 Webpack。

在 Cassette 中添加 ScriptBundle 不起作用

Add ScriptBundle in Cassette wont work

cassette

react-jsx

asp.net-core-mvc

reactjs.net