When Importing Self Made Vue 3 Library Into Vue 3 Project: "Uncaught TypeError: Cannot read properties of null (reading 'isCE')"

Question

我使用 Vue 3 创建了一个自定义组件库，在通过 yarn 在本地安装并注册组件后，在使用模板中的组件时，浏览器 devtools 中不断出现以下错误：

Uncaught TypeError: Cannot read properties of null (reading 'isCE')

研究该问题后，发现 Vue 社区提议的 solution 显然行不通。我在两个项目上运行使用相同的 Vue 3 版本。我按照步骤创建和修改 vue.config.js 以别名 Vue 并禁用符号链接，但无济于事。

module.exports = {
  chainWebpack(config) {
    config.resolve.symlinks(false);
    config.resolve.alias.set("vue", path.resolve("./node_modules/vue"));
  },
};

我跟着兔子洞走，只得出了相同的结论：要么修改 vue.config.js 有效，要么没有找到解决方案。问题（主要）似乎与带插槽的组件有关。

Answer 1

尝试使用 vite 而不是 vue-cli 来创建您的自定义库。并让你的 vue 留在 Package.json

中的 devDependencies

Answer 2

对我来说，这个解决方案在 vite.config

中解决了它

resolve: {
        alias: {
          vue: path.resolve('./node_modules/vue'),
        },
        dedupe: ['vue'],
      },

When Importing Self Made Vue 3 Library Into Vue 3 Project: "Uncaught TypeError: Cannot read properties of null (reading 'isCE')"

When Importing Self Made Vue 3 Library Into Vue 3 Project: "Uncaught TypeError: Cannot read properties of null (reading 'isCE')"

javascript

vue.js

vue-cli

vuejs3