Logo

dev-resources.site

for different kinds of informations.

Firebase Hosting Setup Complete Issue

Published at
4/18/2024
Categories
firebase
react
deploy
javascript
Author
ismailjosim
Categories
4 categories in total
firebase
open
react
open
deploy
open
javascript
open
Author
11 person written this
ismailjosim
open
Firebase Hosting Setup Complete Issue

āĻ†āĻĒāĻ¨āĻžāĻ° āĻĢāĻžā§ŸāĻžāĻ°āĻŦā§‡āĻœ āĻ“ā§Ÿā§‡āĻŦāĻ¸āĻžāĻ‡āĻŸ āĻšā§‹āĻ¸ā§āĻŸ āĻ•āĻ°āĻžāĻ° āĻĒāĻ°ā§‡ āĻ¯āĻĻāĻŋ āĻ‰āĻĒāĻ°ā§‡āĻ° āĻ‡āĻŽā§‡āĻœā§‡āĻ° āĻŽāĻ¤ā§‹ āĻ‡āĻ¸ā§āĻ¯ā§ āĻĻā§‡āĻ–āĻžā§Ÿ āĻ¤āĻžāĻšāĻ˛ā§‡ āĻ¨āĻŋāĻšā§‡āĻ° āĻ¸ā§āĻŸā§‡āĻĒāĻ—ā§āĻ˛ā§‹ āĻĢāĻ˛ā§‹ āĻ•āĻ°ā§‡āĻ¨āĻƒ

ā§§. āĻĒā§āĻ°āĻĨāĻŽā§‡ āĻ•āĻŋāĻ›ā§ āĻĢāĻžāĻ‡āĻ˛ āĻāĻŦāĻ‚ āĻĢā§‹āĻ˛ā§āĻĄāĻžāĻ° āĻĄāĻŋāĻ˛āĻŋāĻŸ āĻ•āĻ°ā§‡ āĻĻāĻŋāĻŦā§‡āĻ¨āĻƒ .firebaserc, .firebase (folder), dist(folder), firebase.json
Image description

ā§¨. āĻāĻ°āĻĒāĻ°ā§‡ firebase init āĻ•āĻŽāĻžāĻ¨ā§āĻĄ āĻĻāĻŋā§Ÿā§‡ āĻ¨āĻŋāĻšā§‡āĻ° āĻ¸ā§āĻŸā§‡āĻĒāĻ—ā§āĻ˛ā§‹ āĻĢāĻ˛ā§‹ āĻ•āĻ°ā§‡āĻ¨āĻƒ

1. `Are you ready to proceed? (Y/n)` 👉 Y

2. `āĻ•ā§€-āĻŦā§‹āĻ°ā§āĻĄā§‡āĻ° down-arrow āĻĒā§āĻ°ā§‡āĻ¸ āĻ•āĻ°ā§‡ **(Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys)** āĻāĻ°āĻĒāĻ°ā§‡ āĻ¸ā§āĻĒā§‡āĻ¸ āĻŦāĻžāĻŸāĻ¨ā§‡ āĻ•ā§āĻ˛āĻŋāĻ• āĻ•āĻ°ā§‡ āĻ¸āĻŋāĻ˛ā§‡āĻ•ā§āĻŸ āĻ•āĻ°ā§‡āĻ¨`
Enter fullscreen mode Exit fullscreen mode

Image description

  1. Use an existing project: āĻ†āĻĒāĻ¨āĻžāĻ° React āĻā§āĻ¯āĻžāĻĒā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ¯ā§‡ āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸāĻŸāĻŋ āĻĢāĻžā§ŸāĻžāĻ°āĻŦā§‡āĻœā§‡ āĻŦāĻžāĻ¨āĻŋā§Ÿā§‡āĻ›ā§‡āĻ¨ āĻ¸ā§‡āĻŸāĻž āĻ¸āĻŋāĻ˛ā§‡āĻ•ā§āĻŸ āĻ•āĻ°ā§‡āĻ¨

Image description

  1. What do you want to use as your public directory?👉 dist/build

āĻāĻ–āĻžāĻ¨ā§‡ āĻ†āĻĒāĻ¨āĻŋ āĻ¯āĻĻāĻŋ vite āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°ā§‡āĻ¨ āĻ¤āĻžāĻšāĻ˛ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° build āĻĢā§‹āĻ˛ā§āĻĄāĻžāĻ°ā§‡āĻ° āĻ¨āĻžāĻŽ āĻšāĻŦā§‡ dist āĻ†āĻ° āĻ¯āĻĻāĻŋ CRA āĻ…āĻĨāĻŦāĻž yarn āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°ā§‡āĻ¨ āĻ¤āĻžāĻšāĻ˛ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° build āĻĢā§‹āĻ˛ā§āĻĄāĻžāĻ°ā§‡āĻ° āĻ¨āĻžāĻŽ āĻšāĻŦā§‡ build.

  1. Configure as a single-page app (rewrite all urls to /index.html)? (y/N) 👉 Y

  2. Set up automatic builds and deploys with GitHub? (y/N) 👉 N

  3. File build/index.html already exists. Overwrite?👉 Y

Image description

Image description

āĻ‰āĻĒāĻ°ā§‡ āĻ•āĻŽā§‡āĻ¨ā§āĻŸāĻ—ā§āĻ˛ā§‹ āĻĻā§‡āĻ“āĻ¯āĻŧāĻžāĻ° āĻĒāĻ° āĻ†āĻĒāĻ¨āĻžāĻ° āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸā§‡ āĻ•āĻ¯āĻŧā§‡āĻ•āĻŸāĻž āĻĢāĻžāĻ‡āĻ˛ āĻāĻŦāĻ‚ āĻĢā§‹āĻ˛ā§āĻĄāĻžāĻ° āĻāĻĄ āĻšāĻŦā§‡ āĻāĻŦāĻ‚ āĻ†āĻĒāĻ¨āĻžāĻ° āĻŸāĻžāĻ°ā§āĻŽāĻŋāĻ¨āĻžāĻ˛āĻŸāĻž āĻĒāĻ°ā§‡āĻ° āĻ•āĻŽāĻžāĻ¨ā§āĻĄ āĻĻā§‡āĻ“āĻ¯āĻŧāĻžāĻ° āĻœāĻ¨ā§āĻ¯ āĻ°ā§‡āĻĄāĻŋ āĻšāĻŦā§‡āĨ¤

ā§ŠāĨ¤ āĻāĻ‡ āĻĒāĻ°ā§āĻ¯āĻžāĻ¯āĻŧā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸāĻŸāĻž āĻŦāĻŋāĻ˛ āĻ•āĻ°āĻ¤ā§‡ āĻšāĻŦā§‡ āĻ¤āĻžāĻ° āĻœāĻ¨ā§āĻ¯ npm run build āĻĻāĻŋāĻ¯āĻŧā§‡ Enter key āĻĒā§āĻ°ā§‡āĻ¸ āĻ•āĻ°ā§‡āĻ¨āĨ¤

Image description

ā§ĒāĨ¤ āĻ¸āĻ°ā§āĻŦāĻļā§‡āĻˇā§‡ āĻĢāĻžāĻ¯āĻŧāĻžāĻ°āĻŦā§‡āĻœā§‡ āĻĄāĻŋāĻĒā§āĻ˛āĻ¯āĻŧ āĻ•āĻ°āĻžāĻ° āĻœāĻ¨ā§āĻ¯ firebase deploy āĻ•āĻŽāĻžāĻ¨ā§āĻĄ āĻĻāĻŋāĻ¯āĻŧā§‡ Enter āĻĒā§āĻ°ā§‡āĻ¸ āĻ•āĻ°ā§‡āĻ¨āĨ¤

Image description

āĻĄā§‡āĻĒā§āĻ˛ā§Ÿ āĻļā§‡āĻˇ āĻšāĻ¯āĻŧā§‡ āĻ—ā§‡āĻ˛ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ•ā§‡ āĻĻā§āĻ‡āĻŸāĻž āĻ˛āĻŋāĻ‚āĻ• āĻĒā§āĻ°ā§‹āĻ­āĻžāĻ‡āĻĄ āĻ•āĻ°āĻž āĻšāĻŦā§‡ āĻ¤āĻžāĻ° āĻŽāĻ§ā§āĻ¯ā§‡ āĻĨā§‡āĻ•ā§‡ Hosting URL āĻ˛āĻŋāĻ‚āĻ•āĻŸāĻž āĻ“āĻĒā§‡āĻ¨ āĻ•āĻ°ā§‡ āĻšā§‡āĻ• āĻ•āĻ°ā§‡āĻ¨āĨ¤

āĻ¯āĻĻāĻŋ āĻĻā§‡āĻ–ā§‡āĻ¨ āĻāĻ•āĻ‡ āĻĻā§‡āĻ–āĻžāĻšā§āĻ›ā§‡ āĻ¤āĻžāĻšāĻ˛ā§‡ CTRL + SHIFT + R āĻĒā§āĻ°ā§‡āĻ¸ āĻ•āĻ°ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻŦā§āĻ°āĻžāĻ‰āĻœāĻžāĻ°ā§‡āĻ° āĻŸā§āĻ¯āĻžāĻŦ āĻŸāĻžāĻ•ā§‡ āĻāĻ•āĻŸāĻž āĻšāĻžāĻ°ā§āĻĄ āĻ°āĻŋāĻ˛ā§‹āĻĄ āĻĻā§‡āĻ¨āĨ¤ āĻ¸āĻžāĻ§āĻžāĻ°āĻŖāĻ¤ āĻ‰āĻĒāĻ°ā§‡āĻ° āĻĒā§āĻ°āĻ¸ā§‡āĻ¸āĻŸāĻž āĻĢāĻ˛ā§‹ āĻ•āĻ°āĻ˛ā§‡ āĻĢāĻŋāĻ•ā§āĻ¸ āĻšāĻ¯āĻŧā§‡ āĻ¯āĻžāĻŦā§‡āĨ¤ āĻ¤āĻŦā§‡ āĻŽāĻžāĻā§‡āĻŽāĻ§ā§āĻ¯ā§‡ āĻĻā§āĻ‡ āĻĨā§‡āĻ•ā§‡ āĻĒāĻžāĻāĻš āĻŽāĻŋāĻ¨āĻŋāĻŸā§‡āĻ° āĻŽāĻ¤ā§‹ āĻ¸āĻŽāĻ¯āĻŧ āĻ¨āĻŋāĻ¤ā§‡ āĻĒāĻžāĻ°ā§‡āĨ¤ āĻāĻ•ā§āĻˇā§‡āĻ¤ā§āĻ°ā§‡ āĻĻā§āĻ‡ āĻĨā§‡āĻ•ā§‡ āĻĒāĻžāĻāĻš āĻŽāĻŋāĻ¨āĻŋāĻŸ āĻ…āĻĒā§‡āĻ•ā§āĻˇāĻž āĻ•āĻ°ā§‡āĻ¨ āĻāĻ° āĻĒāĻ°ā§‡ āĻ†āĻŦāĻžāĻ° āĻšā§‡āĻ• āĻ•āĻ°ā§‡āĻ¨āĨ¤

---------------------------- The End -----------------------------

deploy Article's
30 articles in total
Favicon
How to Deploy a Static Website to AWS S3 with Razorops CI/CD
Favicon
Pipeline CD en Jenkins para terraform AWS EKS segunda parte (plugin AWS Credentials)
Favicon
Kamal 2 Quick Start - the missing tutorial
Favicon
Evento de Mobile, Frontend, Backend, Banco de Dados e Deploy Gratuito
Favicon
Deploy a Static Astro Site on Railway
Favicon
Deploy a PHP site to Railway
Favicon
Added advanced debugging features to my machine learning library like pytorch.
Favicon
When Companies Adopt Feature Flags
Favicon
Why should you have a Staging environment?
Favicon
How to Deploy Flutter Apps to the Google Play Store and App Store
Favicon
Deploy MongoDB Replica Set on K8s
Favicon
Deploy Go Application using Docker Compose Replicas and Nginx
Favicon
Despliegue de aplicaciÃŗn de Django con Github Actions para un servidor propio
Favicon
Common and Useful Deployment Patterns
Favicon
From Frustration to Fix: Conquering Vercel Errors Like a Pro
Favicon
Efficient Data Management with Prisma, Fly.io, and LiteFS Configuration
Favicon
Deploying Forem on Render.com PromptZone.com
Favicon
My Docker stack to deploy a Django + Celery web app
Favicon
Firebase Hosting Setup Complete Issue
Favicon
Deploy an Azure Functions app from a monorepo with a GitHub Action for Node.js
Favicon
DevOps, como começar? ...e por que?
Favicon
Kotlin and Azure Functions - Automating the deployment
Favicon
Private Deployment Gantt chart Project management tools
Favicon
Laravel Deployer Free package for laravel and nodejs apps Deployment
Favicon
Don't Couple Your Deployments
Favicon
Six niche tips for shipping Flutter MacOS builds
Favicon
Deploying a Static Site (feat.Vite, gh-pages)
Favicon
Deploy Express App to Render with MySQL
Favicon
Deploying on Netlify via GitHub Actions: A Seamless Guide
Favicon
AWS CodeDeploy Best Practices for Reliable and Efficient Deployments

Featured ones: