advanced-cropper / vue-advanced-cropper

The advanced vue cropper library that gives you opportunity to create your own croppers suited for any website design
https://advanced-cropper.github.io/vue-advanced-cropper/
Other
931 stars 130 forks source link

export 'default' (imported as 't') was not found in 'vue' ? #167

Closed majaofterra closed 2 years ago

majaofterra commented 2 years ago

Hello, just installed your lovely component on my laravel 8 project and rightaway when just importing it i get this error

export 'default' (imported as 't') was not found in 'vue'

i am a bit new to vue and my googling seems to indicate its something with your side?

thanks a lot!

Norserium commented 2 years ago

@majaofterra, hello! It's too few details new. Did you install vue? How do you import libraries?

majaofterra commented 2 years ago

vue came installed with laravel and i'm dong the single page thing


</template>
<script>
    import { reactive, computed } from 'vue'
    import BreezeAuthenticatedLayout from '@/Layouts/Authenticated.vue'
    import { usePage, Head } from '@inertiajs/inertia-vue3';
    import Swal from 'sweetalert2';

    import { Cropper } from 'vue-advanced-cropper'

    export default {
Norserium commented 2 years ago

@majaofterra, what's version of vue-advanced-cropper do you use?

majaofterra commented 2 years ago

"vue-advanced-cropper": "^1.9.0",

Norserium commented 2 years ago

@majaofterra, you should use next version for Vue 3 (the latest is 2.7.0 by now).

majaofterra commented 2 years ago

i see yeah that makes sence, i wonder why npm installed outdated version.

sorry i am too new to vue and npm care to offer any advice on how i would do this?

Norserium commented 2 years ago

i see yeah that makes sence, i wonder why npm installed outdated version.

The NPM package manager by default installs the version with tag default, and it's 1.9.0 now. This version is not outdated, but this version is supposed to use with Vue 2, that is still actual.

To support two versions of Vue simultaneously I use two tags for versions: default (Vue 2) and next (Vue 3). It's described in the documentation.

Norserium commented 2 years ago

To install the specific version you should use set it after @: package_name@version_or_tag.

npm install --save vue-advanced-cropper@next

For yarn:

yarn add vue-advanced-cropper@next
Norserium commented 2 years ago

@majaofterra, did you solve your problem?

majaofterra commented 2 years ago

howzit mate, soo sorry for very late reply, yes i got it sorted and super! thanks so much it was the last day before a big hike!

On Sun, 19 Dec 2021 at 15:17, Norserium @.***> wrote:

@majaofterra https://github.com/majaofterra, did you solve your problem?

— Reply to this email directly, view it on GitHub https://github.com/Norserium/vue-advanced-cropper/issues/167#issuecomment-997454107, or unsubscribe https://github.com/notifications/unsubscribe-auth/AR6TZTDE4ZSSP5CX6Y5YN73URY4VBANCNFSM5KMEVDSA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you were mentioned.Message ID: @.***>

Norserium commented 2 years ago

@majaofterra, you are welcome! I close the issue then.

majaofterra commented 2 years ago

thank you very much!

On Tue, 28 Dec 2021 at 04:26, Norserium @.***> wrote:

Closed #167 https://github.com/Norserium/vue-advanced-cropper/issues/167 .

— Reply to this email directly, view it on GitHub https://github.com/Norserium/vue-advanced-cropper/issues/167#event-5820561885, or unsubscribe https://github.com/notifications/unsubscribe-auth/AR6TZTGRXBBLNQHBAHD6RO3UTF7EXANCNFSM5KMEVDSA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you were mentioned.Message ID: @.*** com>