Topic: Facing application error while deploy your MDB vue package in Heroku

Nithya Nagasekar free asked 6 years ago


Hi
I\'m facing  problem when deployedyour MDB vue package (https://github.com/mdbootstrap/vue-bootstrap-with-material-design) into Heroku. Even after I tried your another support solution(https://mdbootstrap.com/support/cant-deploy-vue-app-to-heroku/)Like created the server.js file with your content in the root directory. Also merged the package.json file in root based on you suggestion. When I run locally, It\'s start with server.js & open this port in local http://localhost:5000/. There Vue.js doesn\'t work & just display the normal content of index.html page. Another important thing Still I\'m getting that same application error while run in heroku.
Can you help me out plzzz?
Here is my build logs in Heroku:
-----> Node.js app detected
-----> Creating runtime environment
NPM_CONFIG_LOGLEVEL=error
NODE_VERBOSE=false
NODE_ENV=production
NODE_MODULES_CACHE=true
-----> Installing binaries
engines.node (package.json):  >= 4.0.0
engines.npm (package.json):   >= 3.0.0

Resolving node version >= 4.0.0...
Downloading and installing node 9.8.0...
Bootstrapping npm >= 3.0.0 (replacing 5.6.0)...
npm 5.7.1 installed
-----> Restoring cache
Loading 2 from cacheDirectories (default):
- node_modules (exists - skipping)
- bower_components (not cached - skipping)
-----> Building dependencies
Prebuild detected (node_modules already exists)
Rebuilding any native modules
express@4.16.3 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/express
pug@2.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug
pug-code-gen@2.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-code-gen
constantinople@3.1.2 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/constantinople
@types/babel-types@7.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/@types/babel-types
@types/babylon@6.16.2 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/@types/babylon
doctypes@1.1.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/doctypes
js-stringify@1.0.2 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/js-stringify
pug-attrs@2.0.3 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-attrs
pug-runtime@2.0.4 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-runtime
pug-error@1.3.2 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-error
void-elements@2.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/void-elements
with@5.1.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/with
acorn@3.3.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/with/node_modules/acorn
acorn-globals@3.1.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/acorn-globals
acorn@4.0.13 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/acorn-globals/node_modules/acorn
pug-filters@3.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-filters
clean-css@3.4.28 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-filters/node_modules/clean-css
commander@2.8.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-filters/node_modules/commander
graceful-readlink@1.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/graceful-readlink
source-map@0.4.4 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-filters/node_modules/source-map
amdefine@1.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/amdefine
jstransformer@1.0.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/jstransformer
pug-walk@1.1.7 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-walk
uglify-js@2.8.29 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-filters/node_modules/uglify-js
source-map@0.5.7 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-filters/node_modules/uglify-js/node_modules/source-map
yargs@3.10.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-filters/node_modules/yargs
pug-lexer@4.0.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-lexer
character-parser@2.2.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/character-parser
is-expression@3.0.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/is-expression
acorn@4.0.13 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/is-expression/node_modules/acorn
pug-linker@3.0.5 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-linker
pug-load@2.0.11 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-load
pug-parser@5.0.0 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-parser
token-stream@0.0.1 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/token-stream
pug-strip-comments@1.0.3 /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/pug-strip-comments
Installing any new modules (package.json)

> uglifyjs-webpack-plugin@0.4.6 postinstall /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/uglifyjs-webpack-plugin
> node lib/post_install.js

> bootstrap-vue@1.5.1 postinstall /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986/node_modules/bootstrap-vue
> opencollective postinstall || exit 0

*** Thank you for using bootstrap-vue! ***

Please consider donating to our open collective
to help us maintain this package.

https://opencollective.com/bootstrap-vue/donate

***

> vu-dev@1.0.0 postinstall /tmp/build_01265c6699303a9636bcb8cc01dbef21/niti15-vue-mb-39af986
> npm install express

removed 3 packages in 13.915s
added 1684 packages from 1306 contributors in 42.593s
-----> Caching build
Clearing previous node cache
Saving 2 cacheDirectories (default):
- node_modules
- bower_components (nothing to cache)
-----> Pruning devDependencies
added 3 packages from 1 contributor and removed 1067 packages in 14.851s
-----> Build succeeded!
-----> Discovering process types
Procfile declares types -> web
-----> Compressing...
Done: 34.3M
-----> Launching...
Released v8
https://cryptic-lowlands-12457.herokuapp.com/ deployed to Heroku


Jakub Strebeyko staff answered 6 years ago


Hi there Nithya, Now it is totally doable, just follow the guide here.

Mikołaj Smoleński staff answered 6 years ago


Hi Nithya, For this moment we don't provide MDB Vue and Heroku compatibility. Thanks for more information about the problem. We'll try to find the solution for this and let You know when it will be fixed. Regards

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags