Zafir.UI.Next不使用IE11

时间:2017-04-24 13:02:02

标签: websharper websharper.ui.next

从Zafir.UI.Next版本4.0.128.30.beta6开始,有一个 IE11的jQuery.Deferred异常:

jQuery.Deferred exception: Die Eigenschaft "insertBefore" eines undefinierten oder Nullverweises kann nicht abgerufen werden. TypeError: Die Eigenschaft "insertBefore" eines undefinierten oder Nullverweises kann nicht abgerufen werden.
   at DomUtility.InsertAt (WebSharper.UI.Next.js:423:96)
   at Docs$1.InsertNode (WebSharper.UI.Next.js:3933:3)
   at Docs$1.InsertDoc (WebSharper.UI.Next.js:3926:3)
   at Docs$1.LinkPrevElement (WebSharper.UI.Next.js:3879:3)
   at Doc.RunBetween (WebSharper.UI.Next.js:5452:3)
   at Doc.RunBefore (WebSharper.UI.Next.js:5447:3)
   at ReplaceInDom (WebSharper/WebSharper.UI.Next.js:3942:4)
   at a (WebSharper.Main.js:1264:7)
   at Anonymous function (WebSharper.Main)
SCRIPT5007: Die Eigenschaft "insertBefore" eines undefinierten oder Nullverweises kann nicht abgerufen werden.
jquery-3.1.1.js (3855,3)

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

public class Server
{
    [Website]
    public static Sitelet<object> Main => new SiteletBuilder().With<string>
    ((ctx, endpoint) => Content.Page(
        Head:
            doc(
                link(attr.href("Content/bootstrap.css"), attr.rel("stylesheet"), attr.type("text/css")),
                script(attr.src("Scripts/jquery-3.1.1.js"), attr.type("text/javascript")),
                script(attr.src("Scripts/jquery.stickytableheaders.js"), attr.type("text/javascript"))
            ),
        Body:
            doc(
                client(() => Client.Main(endpoint))
            )
    ).Install();

客户端是这样的:

public static IControlBody Main(string endpoint){return div(...);}

这与例如完美无瑕地工作。 Chrome和Edge。

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

任何提示都受到高度赞赏。

编辑:

我在版本4.0.132.34-beta6的WebSharper.UI.Next.js中发现了令人讨厌的代码。

这适用于EGDE和Chrome,但不适用于IE11:

Docs$1.LinkPrevElement=function(el,children)
 {
  var v;
  v=Docs$1.InsertDoc(el.parentElement,children,el);
 };

我将代码更改为:

Docs$1.LinkPrevElement=function(el,children)
 {
  var v;
  v=Docs$1.InsertDoc(el.parentNode,children,el);
 };

这适用于EDGE,Chrome和IE11。

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

编辑2:

这不鼓励使用parentElement:What is this.parentElement?

1 个答案:

答案 0 :(得分:2)

显然,这已在WebSharper 4 beta-7中得到修复:https://github.com/intellifactory/websharper.ui.next/issues/117

顺便说一下,我在构建后使用它来纠正生成的脚本:

powershell -c "gci $(ProjectDir)Scripts\WebSharper\*.js -recurse | foreach {(gc $_ | foreach {$_ -replace 'parentElement', 'parentNode'}) | sc $_}"

非常感谢。