Unknown custom element: <vuesignaturepad>
Closed this issue · 8 comments
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option
//app.js
import VueSignaturePad from 'vue-signature-pad';
Vue.use(VueSignaturePad);
//i have used it like this as per the demo
//package.json
"vue": "^2.1.10",
"vue-signature-pad": "^2.0.2",
i have also tried the below version
"vue-signature-pad": "^2.0.0",
In the <template>, did you use <VueSignaturePad> or <vuesignaturepad>?
In the
<template>, did you use<VueSignaturePad>or<vuesignaturepad>?
I have used
<VueSignaturePad width="500px" height="500px" ref="signaturePad" />
just like in demo.
i even tried to reqister it global like below
import VueSignaturePad from 'vue-signature-pad';
Vue.component('VueSignaturePad', VueSignaturePad)
No idea what's going on, because the component has a name:
I will publish the next version to fix the register & import component issues, before publish you can try the beta version, see the comment.
No idea what's going on, because the component has a name:
I will publish the next version to fix the register & import component issues, before publish you can try the beta version, see the comment.
The Beta unfotunately requires Vue3, it doesnt work on Vue2.
Yes please have a look at it, and make it eay to import the compent local.
No idea what's going on, because the component has a name:
I will publish the next version to fix the register & import component issues, before publish you can try the beta version, see the comment.
The Beta unfotunately requires Vue3, it doesnt work on Vue2.
Yes please have a look at it, and make it eay to import the compent local.
Can you reproduce your issue on the codesandbox? I think the problem probably is your vue version is too lower, can you try to upgrade your vue to 2.6.4 and try again?
The example works fine, just my guess.
Close, Feel free to reopen the issue.
Release 2.0.4 for vue 2, the original 2.0.3 version will be deprecated.
Release
2.0.4for vue 2, the original 2.0.3 version will be deprecated.
It is working prefectly now thank you very much.
1.Updated my laravel-mix to version 6.
2.Updated my Vue version to the one you suggested.
When i was defining it under componets i name it in kebab-case.
works like a charm!!!
import { VueSignaturePad } from 'vue-signature-pad';
components: {
'vue-signature-pad': VueSignaturePad
},