問題タブ [antd]

ant-designを使用して React で Web アプリケーションを構築したいのですが、RTL サポートは必須です。ライブラリは RTL をサポートしていないので、自分でサポートを追加することを検討していましたが、私の知識は非常に基本的です。

CSSファイルを生成するためにLESSを使用していることは知っています。LESS 出力を LRT と RTL の両方をサポートする CSS にするプラグインはありますか? または、RTL サポートを追加する他の方法はありますか? 自分でやってプルリクエストを作成してもかまいません。それを達成する方法を知りたいだけです。

Microsoft の aspnetcore-spa ジェネレーターを使用して React+Redux で新しい ASP.NET Core SPA を生成し、ant-design とbabel-plugin-importで使用しようとしましたが、初回はページが正常にレンダリングされますが、更新すると、dotnet アプリケーションを再起動した後でも、毎回次のエラーがスローされます。

リクエストの処理中に未処理の例外が発生しました。

例外: Node モジュールの呼び出しが次のエラーで失敗しました: エラーが原因で事前レンダリングに失敗しました: エラー: モジュール "../../style/index.css" が webpackMissingModule (C:\Users\viccrubs\Documents\Projects\QuestionSample1\) で見つかりませんClientApp\dist\main-server.js:595:66) オブジェクトで。(C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:595:164) webpack_require (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main- server.js:20:30) オブジェクトで。(C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:387:13) webpack_requireで (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:20:30) Object.defineProperty.value (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\) dist\main-server.js:168:14) のwebpack_require (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:20:30) オブジェクト。(C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:65:16) webpack_requireで (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:20:30) Object.defineProperty.value (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\) dist\main-server.js:40:18) 現在のディレクトリ: C:\Users\viccrubs\Documents\Projects\QuestionSample1 Microsoft.AspNetCore.NodeServices.HostingModels.HttpNodeInstance+d__7.MoveNext()

このバベル プラグインは、純粋な react+webpack+typescript プロジェクトでうまく機能します。babel-plugin-import を使用せずに antd からコンポーネントを手動でインポートすると、同じエラーが発生します。間違った作業ディレクトリの問題のようで、../../style/index.cssantd コンポーネントを含むディレクトリの下に存在しますが、webpack によって処理されているはずです。また、最初のレンダリングがうまく機能するのも奇妙です。

サンプル: https://github.com/viccrubs/QuestionSample1

または、次のようにして再現します。

1. その yeoman ジェネレーターを使用して、React+Redux プロジェクトで ASP.NET Core を生成します。
2. npm install --save antd babel-plugin-import
3. ThunkAction/ClientApp/store の下のファイルからすべてのインポートを削除します
4. "plugins":[["import", { "libraryName": "antd", "style": "css" }]].babelrcに追加
5. Home.tsx に任意の antd コンポーネントを追加します。
6. "allowSyntheticDefaultImports": true,tsconfig.jsonに追加します
7. dotnet を実行して localhost:5000 を開きます
8. 最初のレンダリングではエラーが発生しないはずですが、更新すると上記のエラーが表示されます。

私はantd uiを使いたいので.min.js、このようにscript tag label importを使いたいと思っています

そして私のwebpack.config.jsは

tsconfig.json は

```

最初に名前空間を使用します。antd objetc ptotype の antd 関数は、 jquery のようなグローバル モジュールのようです。

/h/antd/index.d.ts

```

彼らは私にエラーを与えます：antdモジュールが見つかりません。

そして私はモジュールを定義しようとしています

そして、私は再びエラーを受け取ります： no find module

antd2 floder のコピーを node_modules/@types に持っていくと、彼の仕事が見つかりました。なぜですか?</p>

koa 型を h floder にコピーしようとしましたが、koa が機能しないことがわかりました。なぜですか?</p>

そして、私は私の を与えますh/all.d.ts declare module "*"、私はまだこの間違いをします。なぜですか?</p>

すべてのエラー サンプル コードhttps://github.com/MiYogurt/ts-koa-react/tree/error

3Q 助けてください！</p>

ant.design では、レイアウトのヘッダーにAffixを適用 して、スクロール中に上部に固定される正しい方法は何ですか? 以下はレイアウトの例です。