Menu Close

How to fix Vue.js unknown custom element error with JavaScript?

Sometimes, we want to fix Vue.js unknown custom element error with JavaScript.

In this article, we’ll look at how to fix Vue.js unknown custom element error with JavaScript.

How to fix Vue.js unknown custom element error with JavaScript?

To fix Vue.js unknown custom element error with JavaScript, we register our component before we use it.

To register it globally, we call Vue.component like

Vue.component("my-task", {
  // ...
});

new Vue({
  // ...
});

We create a register the my-task component with Vue.component.

To register a component locally, we write

export default {
  data() {
    return {};
  },
  components: {
    "my-task": MyTask,
  },
};

to register the my-task component in another component.

We set the my-task tag to render the MyTask component.

Conclusion

To fix Vue.js unknown custom element error with JavaScript, we register our component before we use it.

Posted in vue