Kendo ui 剑道UI未捕获错误：模板无效：'；

刚开始使用剑道ui创建模板时，遇到了以下错误，我不能完全确定我做错了什么

JS呼叫：

var jsTemplate = kendo.template($('#articlesTmp').html());

错误：

Uncaught Error: Invalid template:'
<div class="row align-items-center portal_item d-flex flex-column flex-md-row">
    <div class="col-6 col-md-1 text-center p-2">
        <div class="product_icon"><img src="#:TypeImage#" alt="#:Type# icon"></div><div class="product_label">#:Type#</div>
    </div>
    <div class="col-12 col-md-9">
        <div class="content_information">
            <span class="date pr-1">#:Date#</span>|<span class="topic pl-1">#:SecondaryTaxonomy#</span>
            #if(Author !== undefined && Author !== null) {#
                <br />
                <span class="author">By <a href="\\#" target="_blank">#:Author#</a>, #:AuthorTitle#</span>
            #}

            #if(SubType !== undefined && SubType !== null) {#
                <br />
                <span class="sub-content-type">#:SubType#</span>
            #}
        </div>
        <h3 class="portal_content_title"><a href="#:Url#">#:Title#</a></h3>
        <p class="content_description">#:Description#</p>
    </div>
    <div class="col-12 col-md-2 text-right">
        #if(IsLoggedIn === true) {#
            #if(HasAccess === true) {#
                <a href="#:Url#" class="btn btn-default btn-block" role="button">Read More</a><br>
            #} else {#
                <p style="line-height: 20px;"><i class="fas fa-lock mr-1"></i>Test</p>
            #}
        #}
    </div>
</div>

<div class="grey_divide"></div>' Generated code:'var $kendoOutput, $kendoHtmlEncode = kendo.htmlEncode;with(data){$kendoOutput='\n    <div class="row align-items-center portal_item d-flex flex-column flex-md-row">\n        <div class="col-6 col-md-1 text-center p-2">\n            <div class="product_icon"><img src="'+$kendoHtmlEncode(TypeImage)+'" alt="'+$kendoHtmlEncode(Type)+' icon"></div><div class="product_label">'+$kendoHtmlEncode(Type)+'</div>\n        </div>\n        <div class="col-12 col-md-9">\n            <div class="content_information">\n                <span class="date pr-1">'+$kendoHtmlEncode(Date)+'</span>|<span class="topic pl-1">'+$kendoHtmlEncode(SecondaryTaxonomy)+'</span>\n                ';if(Author !== undefined && Author !== null) {;$kendoOutput+='\n                    <br />\n                    <span class="author">By <a href="\#" target="_blank">'+$kendoHtmlEncode(Author)+'</a>, '+$kendoHtmlEncode(AuthorTitle)+'</span>\n                ';}

            ;$kendoOutput+='if(SubType !== undefined && SubType !== null) {';
                <br />
                <span class="sub-content-type">;$kendoOutput+=':SubType';</span>
            ;$kendoOutput+='}\n            </div>\n            <h3 class="portal_content_title"><a href="'+$kendoHtmlEncode(Url)+'">'+$kendoHtmlEncode(Title)+'</a></h3>\n            <p class="content_description">'+$kendoHtmlEncode(Description)+'</p>\n        </div>\n        <div class="col-12 col-md-2 text-right">\n            ';if(IsLoggedIn === true) {;$kendoOutput+='\n                ';if(HasAccess === true) {;$kendoOutput+='\n                    <a href="'+$kendoHtmlEncode(Url)+'" class="btn btn-default btn-block" role="button">Read More</a><br>\n                ';} else {;$kendoOutput+='\n                    <p style="line-height: 20px;"><i class="fas fa-lock mr-1"></i>Test</p>\n                ';}
        ;$kendoOutput+='}\n        </div>\n    </div>\n\n    <div class="grey_divide"></div>\n';}return $kendoOutput;'
at Object.compile (ScriptResource.axd?d=XMGO4ERtq-tq-0o5XW3_aBWbn_6Q-EkV7jtI-z27Wlzp0jZt3V5zD7D2y08OYMNDSg-_Fl__VZnGQl2aXsLrNm5FZSSv6Lq4bJsxBN3PrYjsYnFM-v-M_07slDRpd54EcvJ2td2TYGn9SzxgUUzcPETnVvA1vuEzFg747lz3OBxRpYEGgFIuA85eN6hXXBTo0&t=1f7ae5e:25)
at Object.i [as template] (jquery.min.js:2)
at HTMLDocument.<anonymous> (insights:79)
at l (jquery.min.js:2)
at c (jquery.min.js:2)

未捕获错误：模板无效：'
#：类型#
#：Date#|#：第二分类法#
#if（Author！==未定义&&Author！==空）{#


作者：作者#
#}
#if（子类型！==未定义和子类型！==空）{#


#：子类型#
#}
#：说明#
#如果（IsLoggedIn==真）{#
#if（HasAccess==true）{#


#}否则{#
测试

#}
#}
'生成的代码：'var$kendoOutput，$kendoHtmlEncode=kendo.htmlEncode；使用（数据）{$kendoOutput='\n\n\n'+$KENDOOHTMLENCODE（类型）+'\n\n\n'+$KENDOOHTMLENCODE（日期）+'|'+$KENDOOHTMLENCODE（第二分类法）+'\n'；如果（作者！==未定义和作者！==null）{；$kendoOutput+='\n
\n By，'+$kendoHtmlEncode（AuthorTitle）+'\n'；}
$kendoOutput+='if（SubType！==未定义&&SubType！==空）{'；


；$kendoOutput+='：子类型'；
；$kendoOutput+='}\n\n\n
'+$kendoHtmlEncode（description）+'
\n\n\n'；if（IsLoggedIn===true）{；$kendoOutput+='\n'；if（HasAccess==true）{；$kendoOutput+='\n
\n'}其他{；$kendoOutput+='\n测试
\n'}
；$kendoOutput+='}\n\n\n\n'；}返回$kendoOutput；'
在Object.compile（ScriptResource.axd？d=XMGO4ERtq-tq-0o5XW3_aBWbn_6Q-EkV7jtI-z27Wlzp0jZt3V5zD7D2y08OYMNDSg-_Fl_uvzngql2aslrnm5fzsv6lq4bjsbn3pryjsynfm-v-M-M-u 07sldrd54ecv2t2tygn9szuzuccpetnv7vualvuezfg747lz3obxyeggfiua85en6hxxbto25&1fae=1fae25）
at Object.i[作为模板]（jquery.min.js:2）
在HTMLDocument.，#：作者#
#}
#if（子类型！==未定义和子类型！==空）{#


#：子类型#
#}
#：说明#
#如果（IsLoggedIn==真）{#
#if（HasAccess==true）{#


#}否则{#
测试

#}
#}

---

最初的第一个想法是我没有正确地避开#，但我已经尝试\\和\并获得了0的成功。看到一些帖子建议删除所有空格，但还没有尝试过。

你需要用#}#not#关闭if语句

e、 g

<script id="articlesTmp" type="text/x-kendo-template">
<div class="row align-items-center portal_item d-flex flex-column flex-md-row">
    <div class="col-6 col-md-1 text-center p-2">
        <div class="product_icon"><img src="#:TypeImage#" alt="#:Type# icon"></div><div class="product_label">#:Type#</div>
    </div>
    <div class="col-12 col-md-9">
        <div class="content_information">
            <span class="date pr-1">#:Date#</span>|<span class="topic pl-1">#:SecondaryTaxonomy#</span>
            #if(Author !== undefined && Author !== null) {#
                <br />
                <span class="author">By <a href="\\#" target="_blank">#:Author#</a>, #:AuthorTitle#</span>
            #}

            #if(SubType !== undefined && SubType !== null) {#
                <br />
                <span class="sub-content-type">#:SubType#</span>
            #}
        </div>
        <h3 class="portal_content_title"><a href="#:Url#">#:Title#</a></h3>
        <p class="content_description">#:Description#</p>
    </div>
    <div class="col-12 col-md-2 text-right">
        #if(IsLoggedIn === true) {#
            #if(HasAccess === true) {#
                <a href="#:Url#" class="btn btn-default btn-block" role="button">Read More</a><br>
            #} else {#
                <p style="line-height: 20px;"><i class="fas fa-lock mr-1"></i>Test</p>
            #}
        #}
    </div>
</div>

<div class="grey_divide"></div>

 #if(SubType !== undefined && SubType !== null) {#
                <br />
                <span class="sub-content-type">#:SubType#</span>
            #}#

 #if (myexpression) {# 
    do this
 #} else {#
    do that
 #}#