[@vue/compiler-sfc] compileTemplate now requires the `id` option.`

使用webpack自建的vue项目启动时，配置了ts-loader，也就是在项目里面使用ts。

然后入口文件是index.js

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app');

App.vue随便写一点内容

<template>
  <div>
    {{ count }}
    <button @click="clickFn">按钮</button>
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue"
const count = ref(0)

const clickFn = () => count.value++
</script>

注意，这里是 lang=“ts”

启动的时候是正常的，然后启动之后随便改一点内容，dev-server进行热更新之后。就报错了。

解决办法是把入口文件的index.js改成index.ts