Question

Basic Vue+Tailwindcss applications fails to deploy because Health Check

Posted June 30, 2021 289 views
Vue.jsDigitalOcean App Platform

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
services:
- build_command: npm run build
  environment_slug: node-js
  github:
    branch: main
    deploy_on_push: true
    repo: robimalco/my-project
  http_port: 8080
  instance_count: 1
  instance_size_slug: basic-xs
  name: my-project
  routes:
  - 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.

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.

×
Submit an Answer
1 answer

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 0.0.0.0

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