Vue项目构建路由报错[plugin:vite:import-analysis] Failed to parse source for import analysis because the ...

最新推荐文章于 2025-11-09 23:26:55 发布

原创最新推荐文章于 2025-11-09 23:26:55 发布 · 1.8w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

文章讲述了在使用Vite时遇到的报错，由于缺少@vitejs/plugin-vue插件导致Vue文件解析失败。解决方案是重新安装该插件，更新npm，创建并配置vite.config.js文件，然后重启开发环境。问题出在尝试导入ElementUI时误删了关键导入语句。

报错如图：

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

问题原因

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

问题解决

安装@vitejs/plugin-vue

npm install @vitejs/plugin-vue

重装npm

npm i

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()]
})

PS:好像是我在导入Element UI的时候不小心把：import vue from '@vitejs/plugin-vue'误删了