Laravel [Vue warn]：编译模板时出错：无效表达式：意外标记>；

当我试图编译一个只有一个Vue.js组件的Laravel页面时，我遇到了这个错误

我发现，错误一定是这行中的某个东西或它返回的内容：

<a href="{{route('sites.showSnippet', $snippet->id)}}">
              <pre><code class="language-{{isset($langs[0]) ? $langs[0]->language_name : ''}}">{{$snippet->short_snippet}}</code></pre> 
            </a>

一旦我删除$snippet->short_snippet，它就可以正常工作了

在IMG中，您可以看到它返回的内容

下面是完整的错误日志：

app.js:17685[Vue warn]：编译模板时出错：
无效表达式：中出现意外的标记>
“
\n\t\t@endif\n\t\n\t@endif\n\tid）+“\”>\n\t\n视图\n id}}”>
意见
<
91 |            test@test.com, 2019-07-17
92 |              
93 |pa href=“{{route（'searchTag'，$tags）}}”title=“搜索{{{$tags}}”{{{{$tags}}}/a/p
|                                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
94 |@endif
|  ^^^^^^^^
95 |/div
|  ^^^^^^^^^^^^^
96 |@endif
|  ^^^^^^^
97 | copy snippetid=“{{$snippet id}}”/copy
|  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
98 | div class=“工具提示工具提示”视图
|  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
99 | span class=“tooltiptext”视图/span
|  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
100 |

| ^^^^^^^^ （位于）

---

提前感谢您的帮助。

您的短片段正在转义HTML。改用

v-html

指令

大概是这样的：

---

您可能需要在

v-html

块中尝试另一个转义引号，但希望您能了解大致情况

您的短\u代码段正在进行HTML转义。改用

v-html

指令

大概是这样的：

---

您可能需要在

v-html

块中尝试另一个转义引号，但希望您能了解大致情况

我知道vuejs试图从前置代码编译代码。只要$snippet->short_snippet中有代码，vue就会尝试编译它。我知道vuejs会尝试从前代码编译代码。只要$snippet->short_snippet中有代码，vue就会尝试编译它。

app.js:17685 [Vue warn]: Error compiling template:

invalid expression: Unexpected token > in

    "<p><a href=\""+_s(route('searchTag', $tags))+"\" title=\"search for "+_s($tags)+"\"> "+_s($tags)+"</a></p>\n\t\t@endif\n\t</div>\n\t@endif\n\t<copy snippetid=\""+_s($snippet->id)+"\"></copy>\n\t<div class=\"tooltip tooltip_views\">\n      <span class=\"tooltiptext\">Views</span>\n    <"

  Raw expression: <p><a href="{{route('searchTag', $tags)}}" title="search for {{$tags}}"> {{$tags}}</a></p>
        @endif
    </div>
    @endif
    <copy snippetid="{{$snippet->id}}"></copy>
    <div class="tooltip tooltip_views">
      <span class="tooltiptext">Views</span>
    <


91 |            <small>test@test.com, 2019-07-17</small>
92 |              <a href="http://codesnippet.local/snippet/3">
93 |                <pre><code class="language-">&lt;p&gt;&lt;a href="{{route('searchTag', $tags)}}" title="search for {{$tags}}"&gt; {{$tags}}&lt;/a&gt;&lt;/p&gt;
   |                                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
94 |        @endif
   |  ^^^^^^^^
95 |    &lt;/div&gt;
   |  ^^^^^^^^^^^^^
96 |    @endif
   |  ^^^^^^^
97 |    &lt;copy snippetid="{{$snippet-&gt;id}}"&gt;&lt;/copy&gt;
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
98 |    &lt;div class="tooltip tooltip_views"&gt;
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
99 |        &lt;span class="tooltiptext"&gt;Views&lt;/span&gt;
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
100|      &lt;</code></pre> 
   |  ^^^^^^^^

(found in <Root>)