通过vue-cli建立 vue2.1.10项目，报cannot read property 'text'

Question

通过vue-cli建立 vue2.1.10项目，报cannot read property 'text' of undefined

App.vue代码为

<template>
<section>
  <div class="highlight" slot="highlight">
    <pre>
        <div class="hljs language-html"> <span class="hljs-tag">&lt;</span>
           
      </div>
  </pre>
</div>
</section></template>
<script>
  
  export default {
    data() {
      return {
        value1: true,
       
      }
    }
  };
</script>

但App.vue内容为

<template>
<section>
  <div class="highlight" slot="highlight">
    <pre>
        <div class="hljs language-html"> 
           
      </div>
  </pre>
</div>
</section></template>
<script>
  
  export default {
    data() {
      return {
        value1: true,
       
      }
    }
  };
</script>

就不会报错，下面只比上面少了<span class="hljs-tag">&lt;</span>，真是太奇怪了。

Answer 1

因为<pre></pre>标签里面的特殊符号<会被转成符号实体< 所以你实际这里的代码是这样的

<span class="hljs-tag"><</span>

自然就无法识别了