模組'/node_modules/.vite/deps/vue.js”未依要求匯出名為'default”的預設值。

Question

以下是我的問題。 我透過vite以庫模式打包了我的專案。每當我的函式庫包含任何第三方 UI 函式庫（例如 vue-loading-overlay）時，就會發生錯誤。但像 moment.js 這樣的其他函式庫就不會有問題。

這是我的vite.config.js，我的設定有問題嗎？

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

最後我解決了我的問題，在 vite.config.js 中加入以下內容。它對我有用。

build: {

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

   commonjsOptions: {
      esmExternals: true 
   },
}