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

I created a custom component library using Vue 3, and after installing it locally thru yarn and registering the components, I kept getting the following error in the browser devtools when using the components in the template:

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

Upon researching the issue, it became apparent that the Vue community's proposed solution isn't working. I'm running the same Vue 3 version on both projects. I followed the steps to create and modify vue.config.js to alias Vue and disable symlinks, but to no avail.

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

I followed the rabbit hole which only led to the same conclusions: either modifying vue.config.js worked, or no solution was found. The issue (mainly) seems to be with components with slots.

Solution 1:^[1]

Try vite instead of vue-cli to create your custom lib. and keep your vue stay at devDependencies in Package.json

Solution 2:^[2]

for me this solution solved it inside vite.config

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Alex Xie
Solution 2	Gabriel Caiana

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

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]