使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误

使用vite工具构建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

 启动项目报错：

使用vite工具创建Vue.js 3.0项目，启动项目时报错Failed to parse source for import analysis because the content contains invalid JS syntax.

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.

解决方法

1、 首先安装依赖插件

npm install @vitejs/plugin-vue -D

2、接着创建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、重新运行

npm run dev