DigitalOcean App Platform部署Vue.js Quasar应用时找不到serve命令

Quasar的serve命令并非CLI核心功能，它来自独立的Quasar App Extension——@quasar/extension-serve。你本地能正常运行，大概率是全局安装了该扩展，或者项目的devDependencies里已经包含，但DigitalOcean App Platform的部署环境默认不会安装devDependencies（除非手动配置），且不会继承你本地的全局依赖，因此会提示扩展缺失。

方案1：安装serve扩展到项目依赖并配置部署命令 #

1. 在本地项目中安装@quasar/extension-serve作为开发依赖：

   npm install -D @quasar/extension-serve
   

2. 提交更新后的package.json到代码仓库。
3. 在DigitalOcean App Platform的部署设置中：
   • 构建命令保持npx quasar build
   • 启动命令设置为npx quasar serve dist/spa -p 9000 --history
   • 若平台默认仅安装生产依赖，需在构建命令前添加安装dev依赖的步骤：

     npm install; npx quasar build
     

   （或不推荐的方式：将@quasar/extension-serve移到dependencies字段，确保部署时被安装）

方案2：改用静态站点部署（更推荐） #

Quasar构建的SPA是纯静态文件，没必要用quasar serve这类轻量服务器做生产部署，DigitalOcean App Platform支持直接部署静态站点：

1. 构建命令设置为npx quasar build
2. 在平台部署配置中，指定静态站点根目录为dist/spa
3. 若使用Vue Router的history模式，需添加重写规则：在平台的"Rewrites and Redirects"选项中，添加规则/* → /index.html，确保所有请求都指向入口文件

这种方式更高效，同时彻底避免了依赖quasar serve的问题。

内容的提问来源于stack exchange，提问作者jbcallv