Uncaught SyntaxError: Unexpected token < in HTML - can't solve

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

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

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

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

Answer 2

您需要正确设置<script>的type:

<script id="custom-reports-table" type="text/x-handlebars-template">

如果您告诉浏览器将 HTML 计算为 Javascript，您当然会从 Javascript 解释器中得到语法错误。

Uncaught SyntaxError: Unexpected token < in HTML - can't solve

Uncaught SyntaxError: Unexpected token < in HTML - can't solve

html

console

syntax-error

token