vue-draggable-plus icon indicating copy to clipboard operation
vue-draggable-plus copied to clipboard

Error "Xt_mounted" when compile command "yarn prod"

Open kapdom opened this issue 5 months ago • 0 comments

Hi. This is my package.json file:

    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "laravel-mix": "^6.0.49",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "resolve-url-loader": "^4.0.0",
        "sass": "^1.23.3",
        "sass-loader": "^8.0.0",
        "vue": "^2.7.16",
        "vue-loader": "^15.9.7",
        "vue-template-compiler": "^2.6.10"
    },
    "dependencies": {
        "@googlemaps/markerclusterer": "^2.5.1",
        "@popperjs/core": "^2.11.8",
        "autoprefixer": "^10.4.12",
        "axios": "^1.7.7",
        "bootstrap-vue": "^2.23.1",
        "css-loader": "^6.3.0",
        "font-awesome": "^4.7.0",
        "moment": "^2.29.4",
        "vee-validate": "3",
        "vue-axios": "^3.5.2",
        "vue-draggable-plus": "^0.5.3",
        "vue-fragment": "^1.6.0",
        "vue-froala-wysiwyg": "^4.1.2",
        "vue-js-toggle-button": "^1.3.3",
        "vue-multiselect": "^2.1.9",
        "vue-toast-notification": "^1",
        "vue2-datepicker": "^3.11.1",
        "vuedraggable": "^2.24.3",
        "webpack": "^5.55.1"
    }
}

When I compile code using command "yarn watch" or "yarn dev" eveything works correct.

But when I compile code using "yarn prod", compile process is completed without error. But in browser script can't be loaded with following error:

Screenshot from 2024-09-04 06-53-19

My vue file:

<template>
    <div>
       vcbvcbvcb
    </div>
</template>

<script>

import { VueDraggable } from 'vue-draggable-plus';
import Multiselect from "vue-multiselect";

export default {
    name: "CarsListTable",
    components: {
        Multiselect,
        VueDraggable
    },
    data() {
        return {
            key: null,
        }
    },
    methods: {

    },
    mounted() {

    },

    computed: {

    },
}
</script>

<style lang="scss">
.draggable-item {
    cursor: pointer;
    border: solid thin var(--grayDarkSolid);
    padding: 15px;
    margin-bottom: 15px;
}
.ghost {
    opacity: 0.5;
    background: #c8ebfb;
}
</style>

kapdom avatar Sep 04 '24 04:09 kapdom