Vue报错：ERROR in ./src/components/MyHeader.Vue 1:0 Module parse failed: Unexpected token (1:0)

ERROR in ./src/components/MyHeader.Vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|   <div class="todo-header">
|     <input type="text" placeholder="请输入你的任务名称，按回车键确认" />
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js& 14:0-49 20:14-22
 @ ./src/App.vue?vue&type=script&lang=js& 1:0-203 1:219-222 1:224-424 1:224-424
 @ ./src/App.vue 2:0-55 3:0-50 3:0-50 10:2-8
 @ ./src/main.js 8:0-28 12:13-16

webpack compiled with 1 error

咱就是说非常的离谱鸭，就是文件后缀名写成了大写V，改成vue就好了，低级错误找了半天，记录一下，下不为例