Error when importing

[n00b0tt3r]

Hello, i have some errors when i want to use your component.
import { CreditCardField } from 'vue-credit-card-field';
>>> CreditCardField element is not exported

Any idea ?

[ataryandev]

typical error on my side.

[vituhernandez]

same error here

[emtiazzahid]

is there anyone found the solution for that ?

[reed-sandberg]

I posted a fix: #9

This should work using the braces-style imports seen in the README and examples:
import { CreditCardField, InlineCreditCardField } from 'vue-credit-card-field';

[jangidgirish]

the issue is same in latest version

v0.3.14

WARNING in ./resources/js/components/ArtistBookingElement.vue?vue
&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/babel-loader/lib??ref--12-0!
./node_modules/vue-loader/lib??vue-loader-options!
./resources/js/components/ArtistBookingElement.vue?vue&type=script&lang=js&) 143:27-48


"export 'InlineCreditCardField' was not found in 'vue-credit-card-field'

[dougblackjr]

+1 for the fix on PR #9

[lluishi93]

Same happening here. Is this project maintained atm?

[hisaveliy]

Same issue

[tmartty]

Same issue

[xcodervv]

If you want to use it in any way, so...
First: you should import * as modulesVCCF from 'vue-credit-card-field';
or named it as you wish.
Second: in components section do the next:
components: {
InlineCreditCardField: modulesVCCF.default.InlineCreditCardField
},
After that you can work with it like with other components.

[elahekaramzade]

same error

[italogustavoborba]

same error

[rezaansarirad]

same error