如何在不同的 React 應用程序中重用 F# 和 Feliz 開發的組件？

[英]How to reuse a component develop in F# and Feliz in a different React application?

我是 F# 的新手，我使用 F# 和 Fable 構建了一個簡單的復選框控件。 我想將此組件發布為 npm package 並在單獨的 React 應用程序中重用該組件。 我的問題：有沒有辦法生成一個 npm package 只用組件的 JavaScript？ ...

如何在 Elmish 應用程序中使用 Fable 聽鍵盤？

[英]How do I listen to the keyboard using Fable in an Elmish app?

在 Elmish 應用程序中使用 Fable，我想直接聽鍵盤並將每個擊鍵作為消息。 Elmish 文檔在Subscriptions上有一個頁面，該頁面顯示了如何將 JavaScript 事件轉換為消息。 就我而言，這些事件是“keydown”事件，我在 JavaScript 中找到了用於捕獲“k ...

F# 構建錯誤：“沒有為提供的命名空間編譯表示”

[英]F# build error: "No compiled representation for provided namespace"

有沒有人遇到過這個錯誤信息？ 谷歌在源代碼中為我找到了它（https://github.com/fsharp/fsharp/blob/master/src/fsharp/tast.fs ），但我一點也不知道是什么原因造成的。 當我嘗試將我的庫項目從 .NET 5 升級到 .NET 6 時，這種情況 ...

Fable 到 Javascript 綁定的奇怪行為

[英]Strange behaviour with Fable to Javascript Bindings

我有以下 javascript 以及相關的 Fable JS 綁定 然后我在應用程序中使用綁定，兩次調用 javascript 但使用不同的 F# 類型（類和記錄） 問題： class和record結果不同用 class 結果是錯誤的 問題 1. 為什么會這樣？ 2. class類型如何得 ...

如何與接受選項詞的抽象成員實現接口？

[英]how to implement interface with abstract members that accept option word?

接口代碼如下 type [<AllowNullLiteral>] QueryInfo = abstract status: QueryInfoStatus option with get, set abstract lastFocused ...

在 Fable 應用程序中使用類型提供程序（特別是 SwaggerProvider）

[英]Using type providers (specifically SwaggerProvider) in a Fable application

我正在嘗試將SwaggerProvider與Fable一起使用（這甚至可能嗎？） Visual Studio Code Intellisense 工作正常，這意味着在設計時一切正常。 但是，當我嘗試使用 npm start 啟動項目時，出現以下異常 我究竟做錯了什么？ 如果 Fabl ...

如何讀取丟失的文件 F#

[英]How To Read A Dropped File F#

我有一個 Elmish-React 項目和這個 dropzoneOnDrop (fun e -> let file = e.dataTransfer.files.item 0 e.preventDefault() e.stopPropagation() ) 如何加載此文件的內 ...

項目不加載 Elmish-React

[英]Project Doesn't Load With Elmish-React

我有一個直接來自模板的簡單 elmish react 項目，當我運行它時，它會加載公共 index.html 頁面，但沒有其他任何內容，並且永遠加載（我認為）來自 webpack 的 bundle.js 我選擇了 Fable 模板，添加了 Fable.Elmish.React(nuget)、rea ...

使用 Svelte、Fable 和 Tauri

[英]Using Svelte, Fable and Tauri

我正在創建一個使用 Fable 將 F# 編譯為 JS 的 Tauri 應用程序。 我也想使用 Svelte。 到目前為止，我已將我的 F# 文件編譯為.js文件。 我創建了一個包含以下內容的.svelte文件（名為App.svelte ） <script> import './ ...

將帶有“this”參數的 JS function object 翻譯成寓言

[英]Translating JS function object with 'this' parameter to Fable

我有一個 TypeScript 配置 object，看起來像這樣： 使用ts2fable時，我得到以下自動翻譯：type [<AllowNullLiteral>] Config = abstract renderText: ({| name: string |} -> {| ...

Fable.Reactstrap 未在客戶端 fsproj SATE 堆棧上定義

[英]Fable.Reactstrap not defined on Client fsproj SATE-stack

我正在嘗試在Fable.Reactstrap的客戶端項目上使用Fable.Reactstrap 。 我已將Fable.Reactstrap添加到 Nuget、Paket 和 NPM，但仍然收到error FSHARP: The namespace 'Reactstrap' is not define ...

F#|寓言 - 托特使用泛型解碼自動

[英]F#|Fable - Thoth Decode Auto with generics

我有一個看起來像這樣的函數 如果我執行decodeData<String[]> ，那么在代碼編譯時，在運行時我會收到一個Cannot read properties of null (reading 'generics') Javascript 錯誤Cannot read prope ...

F# Fable 返回 Null/None 的最佳方式

[英]F# Fable Best Way to return Null/None

我正在與寓言合作。 我正在做一個數組查找，如果鍵不存在，我想返回 null 或類似的。 由於它建立在本質上類型不安全的 Javascript 上，我不確定是否應該全力以赴使返回值成為選項類型，但這可能是我要做的 我有一個看起來像這樣的函數 但是，當我嘗試調用它時 該函數返回一個帶有 Some ...

F# Fable Fetch 正確地將 Promise 解包為另一種 Promise 類型

[英]F# Fable Fetch Correctly Unwrap Promise to another Promise type

我需要從多個 URL 請求數據，然后使用結果。 我正在使用帶有Fable-Promise和 Fable-Fetch 庫的普通寓言 3。 我已經研究出如何從多個 URL 獲取數據並將結果組合到一個 Promise 中，然后我可以用它來更新 UI（多個結果只需要繪制一次）。 但是如果其中一個獲取錯 ...

來自導入模塊的 F# Fable 函數未編譯為 js

[英]F# Fable function from imported module is not compiled into js

我使用安全堆棧。 對於電子郵件驗證，我通過 paket 導入了 EmailValidation。 代碼編譯運行； 我什至可以通過調試器查看 EmailValidation 源。 在運行時，我面臨一個異常： 在瀏覽器中導航到源： 我的 F# 代碼： 當我使用簡單的 String.IsNul ...

單擊按鈕后處理文本區域的內容

[英]Processing content of textarea once button is clicked

在學習 Fable 和 Elmish 時，我認為處理來自用戶的輸入並用它做一些事情是一個很好的練習。 所以我嘗試創建一個 textarea 和一個按鈕，如果按下該按鈕，則應該提交來自 textarea 的輸入。 但是，我真的很困惑如何從 textarea 中獲取值。 這是我的開胃菜：type Mod ...

用於 react-beautiful-dnd 拋出錯誤構建 Droppable 的寓言綁定

[英]Fable Bindings for react-beautiful-dnd throwing error building Droppable

我正在嘗試為react-beautiful-dnd庫編寫 Fable 活頁夾，但我一直堅持如何綁定Droppable組件，因為它需要 function 來創建子級，而不是像大多數其他組件一樣直接提供子級。 我正在引用這個反應示例，其中組件看起來像這樣（參見該鏈接上的第 70 行）：render() ...

如何更改 Fable / Fulma 中元素的背景顏色？

[英]How can I change the background color of the <body> element in Fable / Fulma?

這是我的客戶端 web 應用程序的片段，該應用程序使用 Fable（用於編譯為 Javascript）和 Fulma（用於 CSS 渲染）用 F# 編寫 目前，只有div塊的背景顏色設置為綠色。 I know I could hard-code this into index.html or b ...

獲取 StringEnum 的名稱

[英]Fetching names of StringEnum

有沒有辦法在 Fable 中獲取StringEnum的所有案例？ 如果我使用的是 dotnet，我可能會這樣做： FSharpType.GetUnionCases(t, true) |&gt; Array.map(fun i -&gt; i.GetCustomAttrib ...

如何將 HTML 控件動態添加到 Fable F# 中的結果視圖？

[英]How can I add a HTML control dynamically to the result view in Fable F#?

我試圖了解當您創建 elmish/fable 項目時生成的第一個項目，如下所示： dotnet new fable-react-elmish ： 我知道每次調用OnDownloadClicked或ResetClick函數之一時，都會顯示一個&lt;h3&gt; HTML 控件作為 HTML 頁面的 ...