Question

任何人都可以帮我找到这个意想不到的令牌吗？我一直在看这段代码，所以也许我需要一双新眼来解决这个问题。请参阅以下HTML代码：

<div class="list-view hide">
                    <table class="custom-reports-table">
                        <script id="custom-reports-table" type="text/javascript">
                        <tbody>
                             {{#each listItem}}
                                <tr class="row" id="{{itemId}}">
                                    <td class="select-container">
                                        <div class="select-container">
                                            <input id="{{itemId}}"type="checkbox" class="checkbox">
                                        </div>
                                    </td>
                                    <td class="preview-container"> 
                                        <i class="icon icon-pictos-115"></i>
                                        <i class="icon icon-pictos-172"></i>
                                        <i class="fa fa-asterisk report-type-icon"></i>
                                    </td>

                                    <td class="report-info">
                                        <h3 class="report-name">{{itemName}}</h3>
                                        <p class="summary">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor incididunt.
                                        </p>
                                    </td>
                                    <td class="row-actions">
                                        <a class="tooltip tip-btn-duplicate" href="#">
                                            <span class="duplicate">Duplicate</span>
                                            <i class="fa fa-copy btn-duplicate-item"></i>
                                        </a>
                                        <a class="tooltip tip-btn-generate" href="#">
                                            <span class="generate">Generate</span>
                                            <i class="fa fa-dot-circle-o btn-generate-item"></i>
                                        </a>
                                        <a class="tooltip tip-btn-schedule" href="#">
                                            <span class="schedule">Schedule</span>
                                            <i class="fa fa-clock-o btn-schedule-item"></i>
                                        </a>
                                        <a class="tooltip tip-btn-remove btn-remove-item" href="#">
                                            <span class="remove-report">Remove</span>
                                            <i class="fa fa-times-circle-o btn-remove-item"></i>
                                        </a>
                                    </td>

                                </tr>
                             {{/each}}
                        </tbody>
                        </script>
                    </table>
                </div><!-- end of: .list-view-->

根据控制台看起来错误是与tbody相关的某个地方，但我找不到任何错误。谁知道它可能是什么？谢谢！

Answer 1

您需要正确设置type的{{1}}：

<script>

如果您告诉浏览器将HTML评估为Javascript，那么您当然会从Javascript解释器中获得语法错误。

Answer 2

我很确定这是一个JavaScript错误：

<script id="custom-reports-table" type="text/javascript">
    <tbody>
    // Much HTML...
    </tbody>
</script>

您尝试将一些HTML标记作为JavaScript运行您错过了<script>标记，或者您不知道JavaScript是如何工作的在这种情况下，我无法说出你的意图，但这很可能是你错误的根源。

未捕获的SyntaxError：意外的令牌＆lt;在HTML中 - 无法解决

2 个答案: