請求的模塊“/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 
   },
}

Answer 2

原始答案

“Chart.js V3 是 treeshakable，因此您需要導入和注冊所有內容，或者如果您想要從自動導入中導入圖表所需的所有內容，如下所示：

將import Chart from 'chart.js'更改為 ->

import Chart from 'chart.js/auto';

有關導入和使用 chart.js 的不同方式的更多信息，您可以閱讀文檔中的集成頁面。

由於您是從 Chart.js V2 升級，您可能還需要閱讀遷移指南，因為 V2 和 V3 之間存在一些重大的重大變化”

Answer 3

參考 vuejs 3 文檔導入 vue。