[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.

问题原因

vue3+vite的项目，vite从1.xx升级到2.xx

问题截图

报错信息

解决方案

1、安装"@vitejs/plugin-vue": “^1.2.1”

npm install @vitejs/plugin-vue

2、在根目录下的vite.config.js文件下的config添加一下配置

import type { UserConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

const config: UserConfig = {
	plugins: [vue()]
}

export default config
# typescript # 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

GaussDB Ustore存储引擎解读

avatar 华为开发者空间

如何在鲲鹏平台上快速上手应用开发？鲲鹏DevKit给你答案

鲲鹏DevKit针对不同的业务场景，提供了应用迁移和系统迁移两套解决方案，帮忙开发者快速从X86平台迁移至鲲鹏平台，通过详细的迁移建议降低迁移门槛，可视化展示迁移进度，打消鲲鹏平台开发的顾虑。

avatar 华为开发者空间
cover

华为云开源项目Sermant正式成为CNCF官方项目

avatar 华为开发者空间