search

pd4d10 / vite-plugin-svgr

Vite plugin to transform SVGs into React components
MIT License
515 stars 55 forks source link

Big error wall when following instructions. #96

Open shadoskill opened 8 months ago

shadoskill commented 8 months ago

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 commented 5 months ago

I solved it as follows:

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