Got Error: Unexpected option config.kit.vite when execute yarn dev

Question

Got Error: Unexpected option config.kit.vite when execute yarn dev

rvnkcode opened this issue a year ago · 3 comments

I set optimizeCss() up svelte.config.js following the guide with README.md like this.

import adapter from '@sveltejs/adapter-node';
import { vitePreprocess } from '@sveltejs/kit/vite';
import { optimizeCss, optimizeImports } from 'carbon-preprocess-svelte';

/** @type {import('@sveltejs/kit').Config} */
export default {
  preprocess: [vitePreprocess(), optimizeImports()],

  kit: {
    adapter: adapter(),
    vite: {
      plugins: [process.env.NODE_ENV === "production" && optimizeCss()],
    },
  }
};

And when I execute yarn dev or yarn preview I get the following error.

error when starting dev server:
Error: Unexpected option config.kit.vite

Here is my package.json

	"devDependencies": {
		"@sveltejs/adapter-auto": "^2.0.0",
		"@sveltejs/adapter-node": "^1.2.3",
		"@sveltejs/kit": "^1.5.0",
		"carbon-components-svelte": "^0.75.1",
		"carbon-icons-svelte": "^11.4.0",
		"carbon-preprocess-svelte": "^0.9.1",
		"svelte": "^3.54.0",
		"svelte-check": "^3.0.1",
		"ts-node": "^10.9.1",
		"tslib": "^2.4.1",
		"tsx": "^3.12.7",
		"typescript": "^5.0.3",
		"vite": "^4.2.0",
	},
	"type": "module",

How can I fix this problem?

Answer 1 · 2023-06-14T04:17:32.000Z

Related #44 ?
I tried configuring vite.config.ts by #44 like this,

// vite.config.ts
import { sveltekit } from '@sveltejs/kit/vite';
import { optimizeCss } from 'carbon-preprocess-svelte';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [sveltekit(), optimizeCss()]
});

And I get the type error.

[{
	"resource": "/workspaces/dawn/vite.config.ts",
	"owner": "typescript",
	"code": "2322",
	"severity": 8,
	"message": "Type 'Plugin' is not assignable to type 'PluginOption'.\n
Type 'Plugin' is not assignable to type 'Plugin_2'.\n
Types of property 'generateBundle' are incompatible.\n
Type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").ObjectHook<(this: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").PluginContext, options: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").NormalizedOutputOptions, bundle: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").Output...' is not assignable to type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").ObjectHook<(this: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").PluginContext, options: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").NormalizedOutputOptions, bundle: import(\"/wo...'.\n
Type '(this: PluginContext, options: NormalizedOutputOptions, bundle: OutputBundle, isWrite: boolean) => void | Promise<void>' is not assignable to type 'ObjectHook<(this: PluginContext, options: NormalizedOutputOptions, bundle: OutputBundle, isWrite: boolean) => void | Promise<void>, {}> | undefined'.\n
Type '(this: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").PluginContext, options: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").NormalizedOutputOptions, bundle: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").OutputBundle, isWrite: boolean) => void | Promise<...>' is not assignable to type '(this: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").PluginContext, options: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").NormalizedOutputOptions, bundle: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").OutputBundle, isWrite:...'.\n
Types of parameters 'options' and 'options' are incompatible.\n
Type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").NormalizedOutputOptions' is not assignable to type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").NormalizedOutputOptions'.\n
Types of property 'plugins' are incompatible.\n
Type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").OutputPlugin[]' is not assignable to type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").OutputPlugin[]'.\n
Type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").OutputPlugin' is not assignable to type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").OutputPlugin'.\n
Types of property 'augmentChunkHash' are incompatible.\n
Type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").ObjectHook<(this: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").PluginContext, chunk: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").RenderedChunk) => string | void, {}> | undefined' is not assignable to type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").ObjectHook<(this: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").PluginContext, chunk: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").RenderedChunk) => string | void, {}> | undefined'.\n
Type '(this: PluginContext, chunk: RenderedChunk) => string | void' is not assignable to type 'ObjectHook<(this: PluginContext, chunk: RenderedChunk) => string | void, {}> | undefined'.\n
Type '(this: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").PluginContext, chunk: import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").RenderedChunk) => string | void' is not assignable to type '(this: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").PluginContext, chunk: import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").RenderedChunk) => string | void'.\n
The 'this' types of each signature are incompatible.\n
Type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").PluginContext' is not assignable to type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").PluginContext'.\n
Types of property 'emitFile' are incompatible.\n                                    
Type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").EmitFile' is not assignable to type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").EmitFile'.\n                                      
Types of parameters 'emittedFile' and 'emittedFile' are incompatible.\n                                        
Type 'import(\"/workspaces/dawn/node_modules/vite/node_modules/rollup/dist/rollup\").EmittedFile' is not assignable to type 'import(\"/workspaces/dawn/node_modules/rollup/dist/rollup\").EmittedFile'.\n                                          
Type 'EmittedPrebuiltChunk' is not assignable to type 'EmittedFile'.\n                                            
Property 'id' is missing in type 'EmittedPrebuiltChunk' but required in type 'EmittedChunk'.",
	"source": "ts",
	"startLineNumber": 6,
	"startColumn": 25,
	"endLineNumber": 6,
	"endColumn": 38,
	"relatedInformation": [
		{
			"startLineNumber": 145,
			"startColumn": 2,
			"endLineNumber": 145,
			"endColumn": 4,
			"message": "'id' is declared here.",
			"resource": "/workspaces/dawn/node_modules/rollup/dist/rollup.d.ts"
		}
	]
}]