0

我正在尝试将我的 JSX 文件捆绑在 asp.net 核心应用程序中，但我无法让任何工作......我也在使用 ReactJS.NET。目前我正在使用 Cassette 来捆绑我的文件，并且我已经按照这个指南+ Cassette 自己网站上的指南没有运气。它还在指南中说CassetteConfiguration.cs，当安装 React.Cassette NuGet 包时，应该创建一个 -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

当我尝试运行它时，它只会给我这个 NullReferenceException。

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

我曾尝试与 asp.net core 自己的捆绑、Babel、Webpack 广告捆绑，现在 Cassette 没有任何工作，它让我发疯！

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

4

1 回答 1

0

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

于 2016-12-09T06:04:55.180 回答