vue-draggable-plus
vue-draggable-plus copied to clipboard
Error "Xt_mounted" when compile command "yarn prod"
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:
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>