请求的模块‘/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是树性的，所以您需要导入和注册所有东西，或者如果您想要所有东西，您需要从自动导入中导入图表，如下所示：

将import Chart from 'chart.js'更改为->

import Chart from 'chart.js/auto';

有关导入和使用chart.js的不同方法的更多信息，您可以在文档中读取集成页面。

由于您正在从Chart.js V2进行升级，您可能还需要阅读迁移指南，因为V2和V3之间有一些重大的变化。“

Answer 3

/*在vite.config.js中添加以下内容。只需复制和粘贴所有这些代码。对我来说很管用。*/

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


// https://vitejs.dev/config/
export default defineConfig({
   plugins: [react()],
   commonjsOptions: {
      esmExternals: true,
   },
});