Svelte+Vite项目从Vite3.x升级到4.x时依赖解析失败求助

云原生阿岚

2026-8-5

解决@Sveltejs/vite-plugin-svelte升级后入口解析失败问题

排查与修复步骤

修正插件导入语法
@sveltejs/vite-plugin-svelte v2.x 调整了导出结构，旧版本的默认导入在v2中不再兼容。
旧代码（v1.x）：
```
import svelte from '@sveltejs/vite-plugin-svelte'
```
替换为v2.x的正确导入方式：
```
import { svelte } from '@sveltejs/vite-plugin-svelte'
```
彻底清理残留依赖
执行npm list @sveltejs/vite-plugin-svelte vite检查是否存在嵌套的旧版本依赖。若有残留，重新清理安装：
```
rm -rf node_modules package-lock.json
npm install
```
验证Svelte版本兼容性
@sveltejs/vite-plugin-svelte v2.x要求Svelte版本至少为^3.44.0或4.0.0。执行npm list svelte查看当前版本，版本过低则升级：
```
npm install svelte@latest
```
清除Vite缓存
缓存可能留存旧配置，执行命令清理：
```
npx vite --clear-cache
```
检查项目入口配置
确保项目根目录存在正确的入口文件（如src/main.js/src/main.ts），且vite.config.js中未错误自定义entry字段。