Vite + Electron 启动失败

Question

使用 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')

Answer 1

解决了吗，我也遇到这个问题了