Big error wall when following instructions.

[shadoskill]

Vite, React, Typescript, Mkcert.
Big error wall when following instructions.

`import { resolve } from 'path';
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import mkcert from 'vite-plugin-mkcert'
import svgr from "vite-plugin-svgr";

const root = resolve(__dirname, 'src');
const outDir = resolve(__dirname, 'dist');
// https://vitejs.dev/config/

export default defineConfig({
server:{
https: true,
host: "0.0.0.0"
},
base: './',
root,
plugins: [
react(),
mkcert(),
svgr()
],
build:{
target: ['esnext'],
outDir,
emptyOutDir:true,
rollupOptions:{
input:{
main:resolve(root, 'Hud', 'index.html'),
login:resolve(root, 'Hud/Public/Login', 'index.html'),
loginToken:resolve(root, 'Hud/Public/LoginToken', 'index.html')
},
output: {
entryFileNames: assets/[name].js,
chunkFileNames: assets/[name].js,
assetFileNames: assets/[name].[ext]
}
},
chunkSizeWarningLimit: 4000
}
})`

No overload matches this call. The last overload gave the following error. Type 'Plugin_2' is not assignable to type 'PluginOption'. Type 'import("d:/*************/*****/****/node_modules/vite/dist/node/index").Plugin' is not assignable to type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").Plugin'. Types of property 'apply' are incompatible. Type '"serve" | "build" | ((this: void, config: import("d:/*************/*****/****/node_modules/vite/dist/node/index").UserConfig, env: import("d:/*************/*****/****/node_modules/vite/dist/node/index").ConfigEnv) => boolean)' is not assignable to type '"serve" | "build" | ((this: void, config: import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").UserConfig, env: import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").ConfigEnv) => boolean)'. Type '(this: void, config: UserConfig, env: ConfigEnv) => boolean' is not assignable to type '"serve" | "build" | ((this: void, config: UserConfig, env: ConfigEnv) => boolean)'. Type '(this: void, config: import("d:/*************/*****/****/node_modules/vite/dist/node/index").UserConfig, env: import("d:/*************/*****/****/node_modules/vite/dist/node/index").ConfigEnv) => boolean' is not assignable to type '(this: void, config: import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").UserConfig, env: import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").ConfigEnv) => boolean'. Types of parameters 'config' and 'config' are incompatible. Type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").UserConfig' is not assignable to type 'import("d:/*************/*****/****/node_modules/vite/dist/node/index").UserConfig'. Types of property 'plugins' are incompatible. Type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").PluginOption[]' is not assignable to type 'import("d:/*************/*****/****/node_modules/vite/dist/node/index").PluginOption[]'. Type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").PluginOption' is not assignable to type 'import("d:/*************/*****/****/node_modules/vite/dist/node/index").PluginOption'. Type 'Plugin_2' is not assignable to type 'PluginOption'. Type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").Plugin' is not assignable to type 'import("d:/*************/*****/****/node_modules/vite/dist/node/index").Plugin'. Types of property 'configResolved' are incompatible. Type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/rollup/dist/rollup").ObjectHook<(this: void, config: Readonly<Omit<import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").UserConfig, "build" | "plugins" | "css" | "assetsIn...' is not assignable to type 'import("d:/*************/*****/****/node_modules/rollup/dist/rollup").ObjectHook<(this: void, config: Readonly<Omit<import("d:/*************/*****/****/node_modules/vite/dist/node/index").UserConfig, "build" | "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker"> ...'. Type '(this: void, config: Readonly<Omit<UserConfig, "build" | "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker"> & { configFile: string; configFileDependencies: string[]; ... 25 more ...; experimental: ExperimentalOptions; } & PluginHookUtils>) => void | Promise<...>' is not assignable to type 'ObjectHook<(this: void, config: Readonly<Omit<UserConfig, "build" | "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker"> & { configFile: string; configFileDependencies: string[]; ... 25 more ...; experimental: ExperimentalOptions; } & PluginHookUtils>) => void | Promise<...>>'. Type '(this: void, config: Readonly<Omit<import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").UserConfig, "build" | "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker"> & { ...; } & import("d:/*************/*****/****/Src/FullArray ...' is not assignable to type '(this: void, config: Readonly<Omit<import("d:/*************/*****/****/node_modules/vite/dist/node/index").UserConfig, "build" | "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker"> & { ...; } & import("d:/*************/*****/****/node_modules/vite/dist/node/inde...'. Types of parameters 'config' and 'config' are incompatible. Type 'Readonly<Omit<import("d:/*************/*****/****/node_modules/vite/dist/node/index").UserConfig, "build" | "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker"> & { ...; } & import("d:/*************/*****/****/node_modules/vite/dist/node/index").PluginHookUtils>' is not assignable to type 'Readonly<Omit<import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").UserConfig, "build" | "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker"> & { ...; } & import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite...'. The types of 'inlineConfig.plugins' are incompatible between these types. Type 'import("d:/*************/*****/****/node_modules/vite/dist/node/index").PluginOption[]' is not assignable to type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").PluginOption[]'. Type 'import("d:/*************/*****/****/node_modules/vite/dist/node/index").PluginOption' is not assignable to type 'import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").PluginOption'. Type 'Promise<false | Plugin_2 | PluginOption[]>' is not assignable to type 'PluginOption'. Type 'Promise<false | import("d:/*************/*****/****/node_modules/vite/dist/node/index").Plugin | import("d:/*************/*****/****/node_modules/vite/dist/node/index").PluginOption[]>' is not assignable to type 'Promise<false | import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").Plugin | import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").PluginOption[]>'. Type 'false | import("d:/*************/*****/****/node_modules/vite/dist/node/index").Plugin | import("d:/*************/*****/****/node_modules/vite/dist/node/index").PluginOption[]' is not assignable to type 'false | import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").Plugin | import("d:/*************/*****/****/Src/FullArray Hud/node_modules/vite/dist/node/index").PluginOption[]'. Type 'Plugin_2' is not assignable to type 'false | Plugin_2 | PluginOption[]'.

[vbalien]

I solved it as follows:

"resolutions": {
  "vite": "^5.0.0" // Same version as vite installed in devDependencies
}