Skip to content

故障排除

当 Vite+ 的行为不符合预期时,请使用本页面。

INFO

Vite+ 处于 beta 阶段:稳定,但尚未完整。我们正在通往 1.0 的路上添加功能,并优先考虑社区反馈,所以如果某些内容没有按预期工作,请联系我们

支持的工具版本

Vite+ 期望使用现代的上游工具版本。

  • Vite 8 或更高版本
  • Vitest 4.1 或更高版本

如果你正在迁移一个现有项目,并且它仍然依赖旧版本的 Vite 或 Vitest,请先升级这些依赖,然后再采用 Vite+。

vp check 未运行类型感知 lint 规则或类型检查

  • 确认 vite.config.ts 中已启用 lint.options.typeAwarelint.options.typeCheck
  • 检查你的 tsconfig.json 是否仍在使用 compilerOptions.baseUrl

tsgolint 驱动的 Oxlint 类型检查器路径不支持 baseUrlvp migratevp lint --init 会尝试运行 vp dlx @andrewbranch/ts5to6 --fixBaseUrl . 以在启用类型感知 lint 之前修复该问题。如果该修复失败或被拒绝,Vite+ 会跳过 typeAwaretypeCheck

VS Code 扩展未读取 vite.config.ts

如果 VS Code 同时打开了多个文件夹,共享的 Oxc 语言服务器可能会选择与预期不同的工作区。这可能导致看起来像是缺少 vite.config.ts 支持。

  • 确认扩展正在使用正确的工作区。

vp build 未运行我的构建脚本

与包管理器不同,内置命令无法被覆盖。如果你试图运行 package.json 中的脚本,请使用 vp run build 替代。

例如:

  • vp build 始终运行内置的 Vite 构建
  • vp test 始终运行内置的 Vitest 命令
  • vp run buildvp run test 则运行 package.json 中的脚本

INFO

你还可以在 vite.config.ts 中定义自定义任务,并完全迁移出 package.json 脚本。

分阶段检查与提交钩子

如果 vp staged 失败或预提交钩子未运行:

  • 确保 vite.config.ts 包含 staged
  • 运行 vp config 以安装钩子
  • 检查是否因 VITE_GIT_HOOKS=0 而有意跳过了钩子安装

一个最小的分阶段配置示例如下:

vite.config.ts
ts
import { defineConfig } from 'vite-plus';

export default defineConfig({
  staged: {
    '*': 'vp check --fix',
  },
});

由于重型插件导致的慢速配置加载

vite.config.ts 在顶层导入插件时,这些插件会在每个命令执行时被求值,包括 vp lintvp fmt、编辑器集成以及长生命周期的后台进程。这会使配置加载变慢,并可能触发插件初始化的副作用,例如读取文件、启动监听器或连接到服务。

使用 lazyPlugins 可在 vite-plus 仅为读取元数据块而加载你的配置时跳过插件工厂(lintfmtcheckstagedpackcreaterun/cache 任务查找,以及编辑器工具)。当 Vite 真正运行时,插件仍会加载:devbuildtestpreview,以及你的脚本所启动的任何构建(例如 vp run 任务、vp exec):

vite.config.ts
ts
import { defineConfig, lazyPlugins } from 'vite-plus';
import myPlugin from 'vite-plugin-foo';

export default defineConfig({
  plugins: lazyPlugins(() => [myPlugin()]),
});

对于应当延迟导入的重型插件,将其与动态 import() 结合使用:

vite.config.ts
ts
import { defineConfig, lazyPlugins } from 'vite-plus';

export default defineConfig({
  plugins: lazyPlugins(async () => {
    const { default: heavyPlugin } = await import('vite-plugin-heavy');
    return [heavyPlugin()];
  }),
});

寻求帮助

如果你遇到困难,请联系我们:

  • Discord 用于实时讨论和故障排除帮助
  • GitHub 用于问题、讨论和错误报告

在报告问题时,请包含:

  • vp env currentvp --version 的完整输出
  • 项目使用的包管理器
  • 复现问题的具体步骤以及你的 vite.config.ts
  • 最小的可重现仓库或可运行沙箱