Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

potentdevelopment's avatar

NPM Package Import Issue In Vue JS

I imported: import * as UpChunk from '@mux/upchunk'; This worked fine when using in a clean Vue CLI app but when I try to use it in a Vue component created as part of Laravel, I get this error.

[Vue warn]: Error in v-on handler: "TypeError: _mux_upchunk__WEBPACK_IMPORTED_MODULE_0__.createUpload is not a function"
<script>
import * as UpChunk from '@mux/upchunk';

const STATUS_INITIAL = 0, STATUS_SAVING = 1, STATUS_SUCCESS = 2, STATUS_FAILED = 3;
export default {
    name: 'MasterMedia',
    components: {

    },
    data() {
        return {
            assetId: '',
            publicPlayerbackUrl: '',
            posterUrl: '',
            uploadError: null,
            currentStatus: null,
        }
    },
    computed: {
        isInitial() {
            return this.currentStatus === STATUS_INITIAL;
        },
        isSaving() {
            return this.currentStatus === STATUS_SAVING;
        },
        isSuccess() {
            return this.currentStatus === STATUS_SUCCESS;
        },
        isFailed() {
            return this.currentStatus === STATUS_FAILED;
        }
    },

0 likes
1 reply

Please or to participate in this conversation.