当我尝试仅使用一个Vue.js组件编译Laravel-Page时出现此错误。
我发现的是,错误必须是此行或其返回内容:
<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]: 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-"><p><a href="{{route('searchTag', $tags)}}" title="search for {{$tags}}"> {{$tags}}</a></p>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
94 | @endif
| ^^^^^^^^
95 | </div>
| ^^^^^^^^^^^^^
96 | @endif
| ^^^^^^^
97 | <copy snippetid="{{$snippet->id}}"></copy>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
98 | <div class="tooltip tooltip_views">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
99 | <span class="tooltiptext">Views</span>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
100| <</code></pre>
| ^^^^^^^^
(found in <Root>)
感谢您的帮助。
请您参考如下方法:
您short_snippet正在使HTML转义。请改用v-html指令。
像这样:
<code
class="language-{{isset($langs[0]) ? $langs[0]->language_name : ''}}"
v-html='$snippet->short_snippet'
>
</code>
您可能需要尝试在
v-html块中转义另一种引号,但希望您能大致理解。




