I want to develop the angular 6 apps, but after deploying firebase showing only welcome page.
Here are the steps I have taken to deploy.
ng build --prod
againdist
directory hence I copied all the content from the subdirectory which contains index.html to dist/
. but after doing all that I am still getting welcome page in the link.
What am I doing wrong??
Try: 8. File dist/index.html already exists. Overwrite? (y/N) N and open link to your app in incognito mode. Seriously, I stuck for hours because this firebase index got cached in my case, so this was the reason why I could't see my app after deploy.
Browser cache was my issue as well. As mentioned above, try in incognito or use proxysite.com (very useful website) to avoid browser cache
In my case, I was initializing firebase inside the project directory ( src
). Just check the directory you are in. It should be on the top level.
After you build it and try to deploy it, it will be the same since the web page has been cached. So to make sure use in incognito
.
The Problem is: firebase is looking for the index.html
file, sometimes it is not present directly in the dist
directory
Solution: update the public
path in the firebase.json
to "public":"dist/ProjectName"
or path to the index.html
file in the dist
folder
Example
{
"hosting": {
"public": "dist/<YourProjectName>",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/dist/index.html"
}
]
}
}
This worked for me:
Now run as follow:
$ firebase init hosting
? File build/web/index.html already exists. Overwrite? No
$ firebase deploy --only hosting
Check the path on terminal.if the problem still exists then delete firebase auto created folders and deploy the project
Configure as a single-page app (rewrite all urls to /index.html)? No? Set up automatic builds and deploys with GitHub? No
This error is generated by index.html inside public folder of your website folder.
firebase init hosting? File build/index.html already exists. Overwrite? No npm run build firebase deploy --only hosting
In my case I had to change public
to dist
in firebase.json so it pointed to my dist folder (rather than the public folder which contains the holding page) after I added Firebase Functions to my project:
"hosting": {
"public": "dist",
...
}
The welcome page is an automatically generated index.html file found in public folder. I replaced that file with my own index.html file, then use firebase deploy --only hosting
commands to update the changes.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.