vue构建路由项目Failed to parse source for import analysis because the content contains invalid JS syntax.

Vue3搭建路由报错

错误描述

• 使用vite构建vue3项目时，创建路由项目时报错
  

• 报错内容

Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
18:51:09 [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.
Plugin: vite:import-analysis

问题原因

• 缺少@vitejs/plugin-vue组件，需要重新安装。

问题解决

• 安装@vitejs/plugin-vue

npm install @vitejs/plugin-vue

• 重装npm

npm i

• 根目录下创建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()]
})

• 重启

npm run dev