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コアの独自のバンドル、Babel、Webpack ad now 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 に答える