Vue3 Vite应用程序:无法解析导入分析的源,因为内容包含无效的JS语法

我得到了一个以Vite作为构建工具的Vue3应用程序。我在尝试构建应用程序时遇到以下错误:

然而,我确实安装了@vitejs/plugin-vue,如我的package.json中所示,我相信@vitejs/plugin-vue的版本是5.0.2,这是一个全新的版本:

{
  "name": "mlb.web",
  "version": "0.0.0",
  "private": true,
  "charset": "utf-8",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
  },
  "dependencies": {
    "@ant-design/icons-vue": "^7.0.1",
    "ant-design-vue": "^4.0.8",
    "axios": "^1.6.3",
    "vue": "^3.3.11",
    "vue-router": "^4.2.5"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.6.2",
    "eslint": "^8.49.0",
    "eslint-plugin-vue": "^9.17.0",
    "unplugin-auto-import": "^0.17.3",
    "unplugin-vue-components": "^0.26.0",
    "vite": "^5.0.10"
  }
}

这是我的vite.config.js,我相信根本原因就在其中:

import { fileURLToPath, URL } from 'node:url';

import defineConfig from 'vite';
import vue from '@vitejs/plugin-vue';
import fs from 'fs';
import path from 'path';
import child_process from 'child_process';
import Components from 'unplugin-vue-components/vite';
import AntDesignVueResolver from 'unplugin-vue-components/resolvers';
import AutoImport from "unplugin-auto-import/vite"

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        AutoImport({
            imports: ['vue', 'vue-router'],
            dts: "src/auto-import.d.ts",
        }),
        Components({
            dirs: ["src/components/"],
            include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
            resolvers: [
                AntDesignVueResolver({
                    importStyle: false,
                    resolveIcons: true
                }),
            ],
        }),
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    server: {
        ...
    }
})

有人能看到这里发生了什么吗?为什么我会出现这个错误?