Le module '/node_modules/.vite/deps/vue.js' n'exporte pas de valeur par défaut nommée 'default' comme requis.

Question

Voici mes questions. J'ai packagé mon projet en mode bibliothèque via vite. Chaque fois que ma bibliothèque inclut une bibliothèque d'interface utilisateur tierce telle que vue-loading-overlay, l'erreur se produit. Mais d’autres bibliothèques comme moment.js n’auront pas de problème.

Voici mon vite.config.js, y a-t-il un problème avec ma configuration ?

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

export default defineConfig({
  plugins: [vue()],
  build: {
    lib: {
      entry: resolve(__dirname, "src/lib.ts"),
      name: "my-ui-lib",
      fileName: "my-ui-lib",
    },
    rollupOptions: {
      external: ["vue"],
      output: [
        {
          format: "es",
          exports: "named",
          globals: { vue: "vue" },
        },
      ],
    },
  },
});

Answer 1

Enfin, j'ai résolu mon problème en ajoutant le contenu suivant dans vite.config.js. Ça marche pour moi.

build: {

   /** If you set esmExternals to true, this plugins assumes that 
     all external dependencies are ES modules */

   commonjsOptions: {
      esmExternals: true 
   },
}