Error with SvelteKit

Describe the bug

On Windows:

1. Did pnpm init svelte@next
2. Followed the steps in this repo with import "virtual:windi.css" inside src/$layout.svelte
3. pnpm run dev gives the error

Minimal Reproductions

repository

Versions

• vite-plugin-windicss: 0.8.3
• vite: 2.1.0
• framework(vue/react/svelte/etc): sveltejs/kit 1.0.0-next.49

Additonal Context On pnpm run dev:

> Executing task: pnpm run dev <


> windinew@0.0.1 dev C:\Users\HP\Desktop\windinew
> svelte-kit dev

failed to load config from C:\Users\HP\Desktop\windinew\vite.config.js
> WindiCSS is not a function
TypeError: WindiCSS is not a function
    at file:///C:/Users/HP/Desktop/windinew/vite.config.js?t=1615900612482:14:3
    at ModuleJob.run (node:internal/modules/esm/module_job:154:23)
    at async Loader.import (node:internal/modules/esm/loader:166:24)
    at async loadConfigFromFile (C:\Users\HP\Desktop\windinew\node_modules\.pnpm\vite@2.1.0\node_modules\vite\dist\node\chunks\dep-6f1d3d8c.js:46129:31)
    at async resolveConfig (C:\Users\HP\Desktop\windinew\node_modules\.pnpm\vite@2.1.0\node_modules\vite\dist\node\chunks\dep-6f1d3d8c.js:45783:28)  
    at async Object.createServer (C:\Users\HP\Desktop\windinew\node_modules\.pnpm\vite@2.1.0\node_modules\vite\dist\node\chunks\dep-6f1d3d8c.js:68984:20)
    at async Watcher.init_server (file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/chunks/index.js:3225:24)
    at async Watcher.init (file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/chunks/index.js:3195:3)
    at async file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/cli.js:474:20
file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/chunks/index.js:3488
                this.viteDevServer.close();
                                   ^

TypeError: Cannot read property 'close' of undefined
    at Watcher.close (file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/chunks/index.js:3488:22)
    at process.<anonymous> (file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/chunks/index.js:3185:9)
    at process.emit (node:events:379:20)
    at process.EventEmitter.emit (node:domain:470:12)
    at process.exit (node:internal/process/per_thread:178:15)
    at handle_error (file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/cli.js:451:10)
    at file:///C:/Users/HP/Desktop/windinew/node_modules/.pnpm/@sveltejs/kit@1.0.0-next.49_d563d1e4217ff8882402c11be2b46d5a/node_modules/@sveltejs/kit/dist/cli.js:487:4
 ERROR  Command failed with exit code 1.

[JustinVoitel]

@NoelJacob This worked for me without removing type: "module" :

import WindiCSS from 'vite-plugin-windicss'

export default {
  plugins: [WindiCSS.default()],
  // other kit stuff ...
}

[ohmree]

I’ve also ran into this with "type": "module" (I load my vite config on the server and one of my server deps is esm-only so I have to use "type": "module" on both the client and the server).

A fix that seems to work perfectly is going into the plugin’s package.json and adding this:

"exports": {
  ".": {
    "import": "./dist/index.mjs",
    "require": "./dist/index.js"
  }
}

Which seems odd and redundant but hey, my editor doesn’t complain anymore and it seems to work fine in the vite dev server. So is there a possibility of this fix getting added? Is there any drawback to adding it? Should I open a PR?