Basic Vue+Tailwindcss applications fails to deploy because Health Check

Dear Team,

I am trying to set up a real basic VueJs with TailwindCss and ViteJs.

This small tutorial is really straight forward.

Then I push the code on Github and I create a DigitalOcean App.

name: my-project
region: fra
- build_command: npm run build
  environment_slug: node-js
    branch: main
    deploy_on_push: true
    repo: robimalco/my-project
  http_port: 8080
  instance_count: 1
  instance_size_slug: basic-xs
  name: my-project
  - path: /
  run_command: npm run serve
  source_dir: /

But still, after a successful Build, the Deploy fails, saying:

Deploy Error: Health Checks App is running slower than expected

Is there anybody able to help me out?

Many thanks.


Submit an answer
You can type!ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Hi @rRay The error you are facing is normally due to the interface is not publicly exposed. Currently, your App is exposed as localhost which is not publicly exposed and can not be listened from outside. You need to expose your interface publicly by editing your Run Command as below.

npm run serve --host

Also, it’s important to be sure that your application is listening on the port specified on your service’s HTTP port. The HTTP PORT is listed on the Settings tab, then selecting the service component.

Cheers, Ahmed