Al usar la herramienta vite para crear un proyecto Vue.js 3.0, se informa un error al iniciar el error de sintaxis js del proyecto

Use la herramienta vite para construir el proyecto vue3 

## 使用vite创建vue3项目vite_prj
npm init vite-app vite_prj

## 进入vite_prj项目
cd vite_prj

## 安装依赖
npm install

## 安装依赖后提示有风险
## 3 vulnerabilities (2 low, 1 high)
## To address all issues (including breaking changes), run:
## npm audit fix --force

## 按照提示运行命令，打补丁修复漏洞
npm audit fix --force

## 启动项目
npm run dev

 Error de inicio del proyecto:

Al usar la herramienta vite para crear un proyecto Vue.js 3.0, se informa un error al iniciar el proyecto. No se pudo analizar la fuente para el análisis de importación porque el contenido contiene una sintaxis JS no válida.

Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
12:08:44 [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.

Solución

1. Primero instale el complemento dependiente

npm install @vitejs/plugin-vue -D

2. Luego cree un archivo de configuración del proyecto vite: vite.config.js

// vite.config.js
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
});

3. Vuelva a ejecutar

npm run dev