Vue Element Plus style or code import error.

[gry321]

Code filename:/vite.config.js:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport from "vite-plugin-style-import";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    styleImport({
      libs: [
        {
          libraryName: 'element-plus',
          esModule: true,
          resolveStyle: (name) => {
            return `element-plus/lib/theme-chalk/${name}.css`;
          },
        },
      ],
    }),
  ],
  css: {
    preprocessorOptions: {
      less: {
        // Style file for ElementPlus
        additionalData: `@import "@/styles/element-plus-variables.less";`
      }
    }
  },
})

Code filename:/package.json:

{
  "name": "my-vite-app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.3.4",
    "element-plus": "^2.3.8"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.2.3",
    "consola": "^3.2.3",
    "vite": "^4.4.5",
    "vite-plugin-style-import": "^2.0.0"
  }
}

Error:

failed to load config from xxx\my-vite-app\vite.config.js
error when starting dev server:
file:///xxx/my-vite-app/vite.config.js.timestamp-1690350779045-b1db730d863d5.mjs:4
import styleImport from "file:///xxx/my-vite-app/node_modules/.store/[email protected]/node_modules/vite-plugin-style-import/dist/index.mjs";
       ^^^^^^^^^^^
SyntaxError: The requested module 'file:///xxx/my-vite-app/node_modules/.store/[email protected]/node_modules/vite-plugin-style-import/dist/index.mjs' does not provide an export named 'default'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:123:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:189:5)
    at async Promise.all (index 0)
    at async ESMLoader.import (node:internal/modules/esm/loader:533:24)
    at async loadConfigFromBundledFile (file:///xxx/my-vite-app/node_modules/.store/[email protected]/node_modules/vite/dist/node/chunks/dep-3b8eb186.js:66181:21)
    at async loadConfigFromFile (file:///xxx/my-vite-app/node_modules/.store/[email protected]/node_modules/vite/dist/node/chunks/dep-3b8eb186.js:66032:28)
    at async resolveConfig (file:///xxx/my-vite-app/node_modules/.store/[email protected]/node_modules/vite/dist/node/chunks/dep-3b8eb186.js:65628:28)
    at async _createServer (file:///xxx/my-vite-app/node_modules/.store/[email protected]/node_modules/vite/dist/node/chunks/dep-3b8eb186.js:64905:20)
    at async CAC.<anonymous> (file:///xxx/my-vite-app/node_modules/.store/[email protected]/node_modules/vite/dist/node/cli.js:743:24)