Vite + Electron 启动失败

使用 Vite 启动 Electron 失败，错误信息：

[vite:build-import-analysis] Parse error @:3:12
file: D:/site/fanbook-bot-tools/src/App.vue:3:11
1: <template>
2:   Hello, World!
3: template>
              ^
4: <script lang="ts" setup>script>

package.json（不知道是不是版本问题）：

{
  "name": "my-electron-app",
  "private": true,
  "version": "0.1.0",
  "type": "module",
  "scripts": {
    "dev": "vite --port 4498",
    "build": "vue-tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.2.45"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.0.0",
    "electron": "^22.2.0",
    "electron-builder": "^23.6.0",
    "typescript": "^4.9.3",
    "vite": "^4.1.0",
    "vite-plugin-electron": "^0.11.1",
    "vue-tsc": "^1.0.24"
  }
}

vite.config.ts：

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import electron from "vite-plugin-electron";

export default defineConfig({
  plugins: [
    vue(),
    electron({
      entry: "src/main.ts",
      vite: {
        build: {
          outDir: "dist",
        },
      },
    }),
  ],
});

src/main.ts：

import { createApp } from 'vue';

import App from './App.vue';

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

• 请看👉 ：Vite ❤ Electron——基于Vite搭建Electron+Vue3的开发环境【二】

報錯說文件D:/site/fanbook-bot-tools/src/App.vue的第三行，第12个字符处存在语法错误。

检查模板标签的格式是否正确，比如确认开头和结尾的尖括号是否完整