Firebase deploy gives numerous errors

Question

Note: I am a coding newbie.

I had a Divshot app that I now have to migrate to Firebase. It contains two HTML files, one stylesheet, and one local jpg file. There's no JavaScript. It's super basic. I know.

I have followed the CLI directions and done the tutorial for Firebase. (Unsure why I was building a random chat app.) I also tried the --help command and its suggestions.

The "firebase.json" file has been created in my app's directory, as has the folder labeled "public". I moved the html docs, stylesheet and jpg into the "public" folder since the CLI told me there must be at least one file in the public directory. Should it have been a zip file?

Then I tried again, and was told

"Public directory does not contain index.html"

even though it definitely does.

I also added the firebase script in the header of each html doc. Unsure if that was correct.

My app is all static, right? I just want my firebase URL to display the content of my HTML pages with the style rules in the stylesheet. How do I do this/what am I missing?

Some errors I got, in order:

Error: Must have at least one file in public directory to deploy.

(moved files into "public" directory)

Error: Not in a Firebase app directory (could not locate firebase.json)

(idk why, because it was there)

Error: Specified public directory does not exist, can't deploy hosting

(such a lie)

Answer 1

For me, I had same problem when i want to deploy had this error:

Error: Specified public directory does not exist, can't deploy hosting  

I run this code in terminal in root of firebase project :

yarn build

It works!

Answer 2

i resolved this issue by updating the firebase.json file's public directory to "/"

hosting: { public: "/" ...

i had to make sure that the firebase.json file was located in the same location as other files (index.html. ... )

Answer 3

public directory isn't the current directory you are in but the one that you specify when it asks
What do you want to use as your public directory?
after you complete the initialization with firebase init your current directory should contain two files firebase.json, .firebaserc and a folder which is the public directory where your index.html file should be.only then you can deploy you site with firebase deploy.
if all the above condition are met and you current directory isn't the public directory than please share your debug log from the console.

Answer 4

I had the same issue (angular) and resolved by running npm run-script build then firebase deploy again.

Answer 5

IN firebase.json I DID A (angular) "dist/"

{
  "hosting": {
    "public": "dist/",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}