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

最新推荐文章于 2025-03-24 13:27:02 发布

selfsuer

最新推荐文章于 2025-03-24 13:27:02 发布

阅读量1.6w

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/ouok000/article/details/130631673

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错如图：

[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'误删了