Question

Issue setting up a Vue.js Quasar web service on the app platform

I encountered an issue when trying to host my Vue.js Quasar web application on the app platform. My app has the Quasar CLI as a dependency, and everything I’m trying to do on the app platform works locally. On local, I run npx quasar build (build command) followed by npx quasar serve dist/spa -p 9000 --history (run command; the Quasar serve command is part of the Quasar CLI package). When I set the commands in DigitalOcean, my deployment fails with the following:

[2022-12-22 10:39:45]  Browser target......... es2019|edge88|firefox78|chrome87|safari13.1
[2022-12-22 10:39:45]  =======================
[2022-12-22 10:39:45]  Output folder.......... /workspace/dist/spa
[2022-12-22 10:39:45] 
[2022-12-22 10:39:45]  Tip: Built files are meant to be served over an HTTP server
[2022-12-22 10:39:45]       Opening index.html over file:// won't work
[2022-12-22 10:39:45] 
[2022-12-22 10:39:45]  Tip: You can use "$ quasar serve" command to create a web server,
[2022-12-22 10:39:45]       both for testing or production. Type "$ quasar serve -h" for
[2022-12-22 10:39:45]       parameters. Also, an npm script (usually named "start") can
[2022-12-22 10:39:45]       be added for deployment environments.
[2022-12-22 10:39:45]       If you're using Vue Router "history" mode, don't forget to
[2022-12-22 10:39:45]       specify the "--history" parameter: "$ quasar serve --history"
[2022-12-22 10:39:45] 
[2022-12-22 10:39:47]  App • Looking for Quasar App Extension "serve" command "dist/spa"
[2022-12-22 10:39:47]  App • ⚠️  Quasar App Extension "serve" is missing...

I’ve double checked, and the Quasar CLI is in fact in my package.json. Why is this not working?


Submit an answer
Answer a question...

This textbox defaults to using Markdown to format your answer.

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

Sign In or Sign Up to Answer