title: Seemingly random lint errors in vue
body: <p>When I run <code>yarn serve</code> (executes <code>vue-cli-service serve</code>) it builds without errors, then I edit and save Component.vue I get the following errors and or warning (it's both a warning and an error for some reason):</p>
  
  <pre><code>Module Warning (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js):
  error: The template root requires exactly one element (vue/valid-template-root) at src/Component.vue:1:1:
  &gt; 1 | &lt;template scr="./template.html" /&gt;
      | ^
    2 | &lt;script src="./script.js" /&gt;
    3 | 
  </code></pre>
  
  <p>And I get:</p>
  
  <pre><code>error: clear (vue/comment-directive) at src/Component.vue:1:64:
  &gt; 1 | &lt;template scr="./template.html" /&gt;
      |                                   ^
    2 | &lt;script src="./script.js" /&gt;
    3 | 
  </code></pre>
  
  <p>According to yarn.lock I am using version 3.11.0 of vue-cli-service</p>
  
  <pre><code>"@vue/cli-service@^3.9.0":
    version "3.11.0"
  </code></pre>