部署到 Heroku 时未找到 Buildpack

Question

This is my file tree containing a folder for my Vue app (client folder) and my NodeJS server (server folder).

When I try uploading to Heroku, I get an error saying that no matching buildpacks could be found , and that's I believe due to my source folder not having a package.js and that being because I have one in the client and server folders.

So how can I accomplish deploying both my client and server-side in one Heroku app, or would I need to split my whole app in one Heroku Front-End App and one Heroku Back-End App?

I'm sorry for such a stupid question, but I am really confused on how to put my app live, since it's finally finished after a month of work.

Answer 1

No Buildpack found while deploying to Heroku .. When I try uploading to Heroku, I get an error saying that no matching buildpacks could be found, and that's I believe due to my source folder not having a package.js

Correct, this error "no buildpack found" happens because Heroku looks at (only) your root directory and cannot determine what language/framework you are using.

The package.json file defines the dependencies that should be installed with your application. To create a package.json file for your app, run the command npm init in the root directory of your app. https://devcenter.heroku.com/articles/deploying-nodejs#declare-app-dependencies

I'd recommend reading the heroku node docs and deploying a "hello world" application first, as a learning experience. You'll also want to read about the Procfile .

Deploying a client-server application to Heroku is quite common, all rails apps work this way (a single deploy). But, for node apps, there are many different ways to deploy, and there is no official (documented) way to organize your code, AFAIK.