• • 简短答复：**

因为这是TypeScript的工作方式。Vite配置接口不知道任何关于Vitest的信息，TS不允许过多的属性（不是由类型/接口定义的属性）
因为Vite本身不知道Vitest及其配置，所以Vitest必须extend Vite配置（定义为TS接口）
要使用此扩展接口（而不是原始接口），必须首先导入它。
或者，您也可以使用Configuring Vitest中介绍的"三斜杠命令

/// <reference types="vitest" />
import { defineConfig } from 'vite'

export default defineConfig({
  test: {
    // ...
  },
})

我也遇到过类似的情况，问我同样的问题，结果是这样的：

/// <reference types="vitest" />
import { defineConfig } from 'vite';
import type { UserConfig as VitestUserConfigInterface } from 'vitest/config';

const vitestConfig: VitestUserConfigInterface = {
  test: {
    // vitest config, with helpful vitest typing :)
  }
};

export default defineConfig({
  test: vitestConfig.test,
  // and now: just vite config
});

可能会有帮助。

下面是我所做的，以防有人还在寻找解决方案。我创建了自己的类型，并扩展到UserConfig。

...
import type { InlineConfig } from 'vitest';
import type { UserConfig } from 'vite';

interface VitestConfigExport extends UserConfig {
  test: InlineConfig;
}
...

然后，我将config对象的类型强制转换为我的自定义接口-

export default defineConfig({
  plugins: [solidPlugin()],
  server: {
    port: 3000,
  },
  test: {
    environment: 'jsdom',
    globals: true,
    transformMode: {
      web: [/\.[jt]sx?$/],
    },
    setupFiles: './setupVitest.ts',
  },
  build: {
    target: 'esnext',
  },
} as VitestConfigExport);

这也为新的test属性启用了intellisense。另外，你不需要声明/// <reference types="vitest" />。这可能会有帮助。

我分开了文件，因为我从这个问题中得到了，如果我把导入改为vitest，我在插件React行中得到了另一个错误。

• vite.config.ts
• vitest.config.ts

维生素试验：

import { defineConfig } from 'vitest/config';

    export default defineConfig({
        test: {
          globals: true,
          environment: 'jsdom'
        },
      })

地址：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  server: {
    port: 3000,
  },
})