1

从 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();

和这样的客户:

公共静态 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:this.parentElement 是什么?

4

1 回答 1

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 $_}"

非常感谢。

于 2017-06-12T05:59:47.603 回答