[vite]:报错Failed to parse source for import analysis because the content contains invalid JS syntax.

在使用vite工具开发Vue.js 3.0项目时，由于配置问题，导致了项目运行报错，错误提示如下：

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

解决！