Open the browser console (F12) and see if there are any errors
npm run prod issue
My application build on Laravel8 and and vue js npm run dev shows no error and vue modules are loaded in browser perfectly but when I run npm run prod it run successfully without any error but vue component not shown (blank) I am using Node version 12.5.0, npm version 6.9.0
package.json is: { "private": true, "scripts": { "dev": "npm run development", "stop": "pkill --signal SIGINT myApp", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=resources/assets/js/webpack.config.js", "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=resources/assets/js/webpack.config.js", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=resources/assets/js/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=resources/assets/js/webpack.config.js" }, "devDependencies": { "axios": "^0.19.0", "babel-plugin-transform-runtime": "^6.23.0", "bootstrap-sass": "^3.4.1", "cross-env": "^3.2.3", "jquery": "^3.4.1", "laravel-mix": "^0.12.1", "lodash": "^4.17.15", "uglifyjs-webpack-plugin": "^1.3.0" }, "dependencies": { "@braks/revue-draggable": "^0.4.1", "@vue/composition-api": "^1.4.4", "babel-plugin-syntax-dynamic-import": "^6.18.0", "bootstrap": "^5.1.3", "child_process": "^1.0.2", "date-fns": "^2.29.1", "date-fns-tz": "^1.3.6", "dateformat": "^3.0.3", "dotenv": "^6.2.0", "easy-circular-progress": "^1.0.4", "express": "^4.16.4", "ioredis": "^4.11.2", "jquery-sked-tape": "^1.4.0", "laravel-echo": "^1.5.3", "node-sass": "npm:sass@^1.54.9", "run": "^1.4.0", "socket.io": "^2.2.0", "socket.io-client": "^2.2.0", "uuid": "^8.3.2", "uuidv4": "^6.2.13", "vue": "^2.6.14", "vue-awesome-countdown": "^1.0.23", "vue-bootstrap-datetimepicker": "^5.0.1", "vue-color": "^2.7.0", "vue-directive-tooltip": "^1.6.3", "vue-drag-and-drop-list": "^1.0.0", "vue-google-charts": "^0.3.3", "vue-horizontal-scroll": "^0.2.4", "vue-js-toggle-button": "^1.3.2", "vue-loading-overlay": "^3.2.0", "vue-marquee-text-component": "^1.2.0", "vue-multiselect": "^2.1.6", "vue-socket.io": "^2.1.1-b", "vue-template-compiler": "^2.6.14", "vue-unique-id": "^3.2.1", "vue-uuid": "^2.0.2", "vue2-datepicker": "^2.12.0", "vue2-google-maps": "^0.10.7", "vuejs-datatable": "^1.7.0", "vuejs-toggle-switch": "^1.3.0" } }
Anyone faced the issue ? or have any idea what might causing the issue. Problem is that there is no error shown and I am unable to figure it out.
Please or to participate in this conversation.