问题标签 [websharper.ui.next]

我有一个可以在 Windows 上完美运行的 websharper 项目。但是，它只能在 mac 上完美编译，但无法运行。网络服务器抱怨它可以找到一个文件（没有命名它）并读取堆栈跟踪它似乎是 C# 编译器抱怨。然而，作为一个 F# 项目，这有点令人惊讶。

对这个问题的根源有什么建议？

我已经创建了运行 Suave.IO 应用程序的基本 Websharper UI.Next 客户端服务器。我在 OSX Yosemite 上使用最新的 Xamarin。我在安装模板项目后更新了所有的 nuget 包，然后运行它。

我已经启动了应用程序并将日志记录级别更改为详细，我得到了

关键日志行是

javascripts没有加载。这也可以在浏览器中看到。

我正在尝试根据从 Doc.Select 中选择的选项显示不同的 SPA 视图。

我想使用 WebSharper UI.Next 处理 onchange 事件。我四处搜索了一些信息，并看到on了可以在 an 的属性中设置的信息Elt，如下所示：

spanAttr [on.click (fun el ev -> ())] [text "some span"]

在这里找到：http ://www.websharper.com/question/81410/event-handlers-for-ui-next-elt-objects

但是，我很不确定如何处理Doc.Select使用 UI.Next 中可用工具的更改。

我有以下内容：

我不确定如何访问 onchange 事件，因此我可以使用路由器重定向到不同的 SPA 视图。

根据下拉选择更改视图的惯例是什么？

我目前正在阅读WebSharper的文档。在关于 FRP 的部分中，它指出：

功能响应式编程 (FRP) 通常为事件流提供 Event 类型，为时变值提供 Behavior 类型，以及对它们有用的组合器。

...

但是，目前我们决定避免实施 FRP。相反，我们专注于功能的子集，定义类似于行为的随时间变化的视图值，但不支持实时采样。事件流留给用户使用回调或第三方库来处理。这是对 FRP 的极大简化，并且更容易有效地实施。

随着 JavaScirpt 中的弱指针变得可用，这个决定可能会被修改，特别是考虑到 OCaml React 的成功。

在不久的将来，我们打算提供并发 ML 组合器，以更好地支持处理事件流并改进组件的组合。

但是，我不确定这里描述的“事件类型”和“行为类型”之间到底有什么区别。我在谷歌上搜索了一些文章/教程，但它们似乎也不是很明确。

我不确定在 WebSharper 的实现中没有“事件”会错过什么。

对不起，如果这个问题听起来很基础。我不熟悉与 FRP 相关的概念。

--

编辑：我想我在FRP - 事件流和信号 - 仅使用信号时丢失了什么？. 要点是：

1. 事件流允许累积更新，而行为只能取决于观察到的元素的当前值。

2. 如果事件和行为都实现了，它们允许在系统内递归。

我 websharperserverclient从 ionide 项目生成器运行模板应用程序时遇到问题，并且在网上找不到任何信息如何做到这一点 - 我得到的最接近的是这个问题- 我实际上试图xsp4在项目文件夹中运行它（文件所在的Web.config位置是）但每次都得到一个 404 （附截图：xsp4 错误）。当然，在启动 xsp 之前，我运行./build.sh(or FAKE build) 脚本，它没有错误地完成。websharpersuave我对项目模板没有任何问题websharperspa（第二个模板运行起来xsp4就像一个魅力）。

编辑

文本形式的错误消息：

System.Web.HttpException
找不到资源。

说明： HTTP 404。您要查找的资源（或其依赖项之一）可能已被删除、名称已更改或暂时不可用。请查看以下 URL 并确保其拼写正确。

详细信息：请求的 URL：/

异常堆栈跟踪：

从 Zafir.UI.Next 版本 4.0.128.30.beta6 开始，IE11 出现 jQuery.Deferred 异常：

项目的服务器部分是这样的：

和这样的客户：

公共静态 IControlBody Main(string endpoint) {return div( ...);}

这可以与 Chrome 和 Edge 完美配合。

这有什么问题？有错误吗？

任何提示都非常感谢。

编辑：

我在 4.0.132.34-beta6 版的 WebSharper.UI.Next.js 中发现了有问题的代码。

这适用于 EGDE 和 Chrome，但不适用于 IE11：

我将代码更改为：

这适用于 EDGE、Chrome 和 IE11。

有人可以对此有所了解吗？

编辑2：

这不鼓励使用 parentElement：this.parentElement 是什么？

下面的单页 Websharper 应用程序中的示例代码展示了我的项目中遇到的问题。

随着时间的推移，有些动作会逐渐花费更长的时间。它每隔几秒钟发生一次。在 20 分钟或更长时间后，Chrome 开始提醒 setTimeout 和 requestAnimationFrame 花费的时间超过 50 毫秒。

观察 Chrome 中的内存图，即使手动激活垃圾收集，随着使用量的增加，似乎也存在内存泄漏。我怀疑这会导致常规垃圾收集的负载并导致执行时间延长。

任何想法如何找到和解决这个问题？

我正在使用 Webshaper 3.6.20.6、WebSharper.UI.Next 3.6.18.2 和 Chrome 59.0.3071.115。

属性 ws-replace 创建一个 Doc 或 seq 漏洞。设置此属性的元素将替换为提供的 Doc(s)。孔的名称是 ws-replace 属性的值。

属性 ws-hole 创建一个 Doc 或 seq 孔。设置此属性的元素将其内容替换为提供的 Doc(s)。孔的名称是 ws-hole 属性的值。

你能帮我清楚地区分这两个概念吗？

https://developers.websharper.com/docs/v4.x/fs/ui#reactive

抱歉，这篇文章太长了

我正在使用 F# 和 WebSharper（我对这两种技术都不熟悉）

我定义了一些端点（在添加 NotFound 端点之前我有工作代码）

添加 NotFound 端点会弄乱我的其他页面，例如，我的主页开始由 MissingPage 处理程序处理。我可以理解，因为主页设置为匹配“/”并且非模式匹配“/”通配符，尽管我希望单个 / 匹配 Home 端点以及除 /Login /About 之外的任何其他内容和/Logout 以匹配 NotFound 分支。但很明显，我没有正确理解某些东西。

那么我怎样才能获得一个“包罗万象”类型的端点，以便我可以正确处理任何未明确满足的路径

当我有 NotFound 处理代码时，另一件搞砸的事情是登录处理程序不再处理

最后，在 Logout 处理程序中，我想调用一些服务器端代码（没问题），但是我应该怎么做才能重定向到新网页，例如，将用户发送回 /login 页面？

再次为这么长的帖子感到抱歉，德里克

拜托，我是 WebSharper 的新手，有人知道如何在 webSharper 中将 View (doc) 或 Async (doc) 转换为 Doc 吗？我试图打开“WebSharper.UI.Next.Client”，但似乎与我正在使用的文档不兼容。给出此类错误的代码是我在 WebSharper 网站https://try.websharper.com/snippet/adam.granicz/00003b上找到的代码