blocks|key|4157840|text|我想出了我的答案。正在发布的index.html文件位于“公共”文件中，该文件是在"firebase+init“阶段创建的。我将那个占位符html文件替换为我的应用程序的占位符。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4157841|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I figured out my answer. The index.html file that was being posted was in the "public" file, which was created during the "firebase init" stage. I replaced that placeholder html file with the one for my app.

blocks|key|5575565|text|有关将Angular应用程序部署到Firebase的简单快速教程，您可以找到here。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5575566|在firebase初始化过程中，当问题"File+dist/index.html已存在。覆盖？“出现时，键入N，您的页面将按原样显示。|style|BOLD|5575567|entityMap|0|LINK|mutability|MUTABLE|url|https://alligator.io/angular/deploying-angular-app-to-firebase/^0|12|4|0|0|J|T|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

For deploying Angular application to Firebase simple and quick tutorial 
you can find <a href="https://alligator.io/angular/deploying-angular-app-to-firebase/" rel="nofollow noreferrer">here</a>.

During the process of firebase init, type N, when the question
"File dist/index.html already exists. Overwrite?" appears, and your page will be displayed as it should be.

blocks|key|2048232|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2048233|📷|atomic|offset|length|2048234|2048235|新项目|2048236|执行firebase+init时，选择包含index.html的目录作为公共目录。|style|CODE|2048237|现有项目|2048238|用来更新firebase.json|2048239|"hosting":+{
++++"public":+"dist/directoryThatContainsIndexHtml",
+++++......
++}|code-block|syntax|javascript|2048240|编辑过的原始答案:在编辑历史中可用。仅用于测试目的。！！对于生产环境，请使用更新的版本。|2048241|dist的内容在每次构建时都会重写，因此每次构建时放置@dist的任何内容都会消失。|BOLD|2048242|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/808a59cb17e7f3eb60a23364879064c8.gif|imageAlt^0|0|0|1|0|0|0|0|2|D|L|A|0|0|4|D|0|0|0|5|11|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1B|8|@]|9|@$E|1C|F|1D|1|1E]]|A|$]]|$1|G|3|4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1G|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1H|8|@$E|1I|F|1J|L|M]|$E|1K|F|1L|L|M]]|9|@]|A|$]]|$1|N|3|O|5|6|7|1M|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1N|8|@$E|1O|F|1P|L|M]]|9|@]|A|$]]|$1|R|3|S|5|T|7|1Q|8|@]|9|@]|A|$U|V]]|$1|W|3|X|5|6|7|1R|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1S|8|@$E|1T|F|1U|L|10]]|9|@]|A|$]]|$1|11|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18|19|-4]]]]

<a href="https://i.stack.imgur.com/YE7xJ.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YE7xJ.gif" alt="enter image description here" /></a>
<h3>New projects</h3>
when doing <code>firebase init</code> select the directory which contains the <code>index.html</code> as the public directory.
<h3>Existing projects</h3>
update <code>firebase.json</code> with
<pre><code>&quot;hosting&quot;: {
 &quot;public&quot;: &quot;dist/directoryThatContainsIndexHtml&quot;,
 ......
 }
</code></pre>
Edited Original Answer: Available in edit history. Only for testing purposes.!! for production, use the updated version. Contents of dist are rewritten on each build so anything you place @dist are gone each time you build.

blocks|key|2048244|text|npm+install+-g+firebase-tools
firebase+login
firebase+init
firebase+deploy
firebase+open+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2048245|向下滚动后选择以下内容|unstyled|2048246|++Hosting:+Deployed+Site|2048247|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>npm install -g firebase-tools
firebase login
firebase init
firebase deploy
firebase open 
</code></pre>

Select the following after scrolling down

<pre><code> Hosting: Deployed Site
</code></pre>

blocks|key|2048277|text|Firebase托管没有显示应用程序吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2048278|这个问题可能有两个原因|2048279|第一步：|offset|length|style|BOLD|2048280|确保包含index.html的公用文件夹(在firebase.json中定义)+'dist‘未被firebase+init命令修改，如果已修改，请将其替换为原始项目的index.html|2048281|供参考(dist是标准的，但您的可能不同)|2048282|{+"hosting":+{+"public":+"dist"}+}|code-block|syntax|javascript|2048283|第二步：|2048284|确保在项目的index.html中配置基本href|2048285|作为|2048286|<base+href="https://["YOUR+FIREBASE+PROJECT+NAME"].firebaseapp.com/">|2048287|和其他包文件，如|2048288|<script+type="text/javascript"+src="https://["YOUR+FIREBASE+PROJECT+NAME"].firebaseapp.com/runtime.a66f828dca56eeb90e02.js">|2048289|​|2048290|<script+type="text/javascript"+src="https://["YOUR+FIREBASE+PROJECT+NAME"].firebaseapp.com/main.2eb2046276073df361f7.js">|2048291|第3步运行命令-+firebase+deploy|2048292|尽情享受！;)|2048293|entityMap^0|0|0|0|4|0|0|0|0|0|4|0|0|0|0|0|0|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1F|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1G|8|@$F|1H|G|1I|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1J|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1K|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1L|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1M|8|@$F|1N|G|1O|H|I]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1P|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|P|7|1R|8|@]|9|@]|A|$Q|R]]|$1|10|3|11|5|6|7|1S|8|@]|9|@]|A|$]]|$1|12|3|13|5|P|7|1T|8|@]|9|@]|A|$Q|R]]|$1|14|3|15|5|6|7|1U|8|@]|9|@]|A|$]]|$1|16|3|17|5|P|7|1V|8|@]|9|@]|A|$Q|R]]|$1|18|3|19|5|6|7|1W|8|@$F|1X|G|1Y|H|I]]|9|@]|A|$]]|$1|1A|3|1B|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|1C|3|-4|5|6|7|20|8|@]|9|@]|A|$]]]|1D|$]]

Firebase hosting not showing up app?

There might be two reasons for this problem

1st step:

Make sure your public folder (define in your firebase.json) 'dist' containing the index.html hasn't been modified by firebase init command, if yes replace it with your original project index.html

for reference (dist is standard but your may different)

<pre><code>{ "hosting": { "public": "dist"} }
</code></pre>

2nd step:

Make sure to configure your base href in project's index.html

as

<pre><code>&lt;base href="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/"&gt;
</code></pre>

and other bundle files as

<pre><code>&lt;script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/runtime.a66f828dca56eeb90e02.js"&gt;
</code></pre>



<pre><code>&lt;script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/main.2eb2046276073df361f7.js"&gt;
</code></pre>

3rd step run command - firebase deploy

enjoy ! ;)

blocks|key|5575668|text|请按照步骤操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5575669|npm+install+-g+firebase-tools|code-block|syntax|javascript|5575670|如果您已经有dist文件夹，请从目录中将其删除|5575671|firebase+login
ng+build+--prod
firebase+init
firebase+deploy|5575672|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Please follow the step

<pre><code>npm install -g firebase-tools
</code></pre>

If you already have a dist folder, remove it from directory

<pre><code>firebase login
ng build --prod
firebase init
firebase deploy
</code></pre>

blocks|key|4157987|text|在公用文件夹选项中写入dist/your-+folder+-name。这将允许您呈现文件夹中的索引文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4157988|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In public folder option write dist/your-folder-name.
This will allow you to render your index file which is in your folder.

blocks|key|5575711|text|在我的例子中，当我运行命令ng+build+--prod时，它在dist文件夹下创建了一个子文件夹。假设我的项目名称是FirstProject。我可以在dist文件夹(dist/+FirstProject+)中看到一个名为FirstProject的子文件夹。将dist/子目录指定为公共目录|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5575712|What+do+you+want+to+use+as+your+public+directory?+dist/FirstProject|code-block|syntax|javascript|5575713|这解决了我的问题|5575714|entityMap^0|D|F|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

In my case when I run the command <code>ng build --prod</code> it created a sub folder under dist folder. Assume my project name is FirstProject. I can see a sub folder called FirstProject inside dist folder (dist/FirstProject).
Give dist/[subDirectory] as your public directory

<pre><code>What do you want to use as your public directory? dist/FirstProject
</code></pre>

This solved my issue

blocks|key|4158148|text|在我的例子中，firebase使用了错误的目录，也参见此处：firebase+CLI+didn't+recognize+the+current+project+directory+for+'firebase+init'.当我期望firebase将所有创建的文件放入我的项目目录时，它完全断开连接，并将所有文件放入我的/Users/MyUserName目录，并从那里部署错误的index.html。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|4158149|​|4158150|📷|atomic|4158151|4158152|这是如何修复它的(不需要按照链接帖子中的建议重新安装firebase+)：|4158153|4158154|从/Users/MyUserName目录中删除所有创建的firebase文件(项目目录上的.firebaserc、firebase.json、index.html和directory|unordered-list-item|4158155|Configure+firebase+init+)|4158156|使用dist/projectname作为公共项目作为单页应用程序“Yes”|4158157|请勿覆盖index.html+(如果您这样做，请确保在部署|4158158|之前再次使用"ng+|4158159|“|4158160|4158161|顺便说一句，对于每个使用Angular+7的人来说，这个tutorial+about+deploying+an+angular+7+app+to+firebase+hosting对我真的很有帮助。|4158162|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/48388247/firebase-cli-will-not-recognize-current-directory-for-firebase-init|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/d7b93614c9660c3ef8cca46a41b61685.png|imageAlt|2|https://www.c-sharpcorner.com/article/deploy-angular-7-app-to-firebase-hosting-with-extra-tips/^0|7|G|U|28|0|0|0|0|1|1|0|0|0|8|0|0|0|0|0|0|0|0|0|S|1P|2|0^^$0|@$1|2|3|4|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@$9|1N|A|1O|1|1P]]|E|$]]|$1|F|3|G|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1R|8|@]|D|@$9|1S|A|1T|1|1U]]|E|$]]|$1|K|3|G|5|6|7|1V|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1W|8|@$9|1X|A|1Y|B|C]]|D|@]|E|$]]|$1|N|3|-4|5|6|7|1Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|Q|7|20|8|@]|D|@]|E|$]]|$1|R|3|S|5|Q|7|21|8|@]|D|@]|E|$]]|$1|T|3|U|5|Q|7|22|8|@]|D|@]|E|$]]|$1|V|3|W|5|Q|7|23|8|@]|D|@]|E|$]]|$1|X|3|Y|5|6|7|24|8|@]|D|@]|E|$]]|$1|Z|3|10|5|Q|7|25|8|@]|D|@]|E|$]]|$1|11|3|-4|5|6|7|26|8|@]|D|@]|E|$]]|$1|12|3|13|5|6|7|27|8|@]|D|@$9|28|A|29|1|2A]]|E|$]]|$1|14|3|-4|5|6|7|2B|8|@]|D|@]|E|$]]]|15|$16|$5|17|18|19|E|$1A|1B]]|1C|$5|1D|18|1E|E|$1F|1G|1H|-4]]|1I|$5|17|18|19|E|$1A|1J]]]]

In my case firebase was using the wrong directory, also see here: <a href="https://stackoverflow.com/questions/48388247/firebase-cli-will-not-recognize-current-directory-for-firebase-init">firebase CLI didn't recognize the current project directory for 'firebase init'.</a> While I was expecting firebase to put all created files into my project directory it was totally disconnected and put all files into my /Users/MyUserName directoy and deploying the wrong index.html from there. 

<a href="https://i.stack.imgur.com/8ItAP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8ItAP.png" alt="enter image description here"></a>

This is how to fix it (no reinstall of firebase needed as suggested in the linked post):

<ul>
<li>delete all created firebase files from /Users/MyUserName directoy (.firebaserc, firebase.json, index.html and dist-folder)</li>
<li>run firebase init on project directoy</li>
<li>use dist/projectname as public directory</li>
<li>Configure as a single-page app "Yes"</li>
<li>do not overwrite index.html (if you do, make sure to "ng build" again before deploying)</li>
<li>firebase deploy</li>
</ul>

By the way, for everyone who is using Angular 7, this <a href="https://www.c-sharpcorner.com/article/deploy-angular-7-app-to-firebase-hosting-with-extra-tips/" rel="nofollow noreferrer">tutorial about deploying an angular 7 app to firebase hosting</a> was really helpfull to me.

blocks|key|4158173|text|任何遇到这件事的人。尝试在匿名模式下启动-浏览器是为我缓存的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4158174|https://stackoverflow.com/a/56468177/2047972|offset|length|4158175|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|18|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

For anyone else comming across this.
Try launching in incognito mode - the browser was cached for me.

<a href="https://stackoverflow.com/a/56468177/2047972">https://stackoverflow.com/a/56468177/2047972</a>

blocks|key|4158207|text|我也遇到过类似的情况。当我们运行firebase+init时，它会问几个问题。此时，我们提到了目录路径，firebase将从该目录路径获取所有要部署的文件。确保目录包含index.html。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4158208|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I faced similar situation. When we run firebase init it asks couple of questions. At that time we mention the directory path from where firebase will take all files to deploy.
Make sure that, directory contain index.html.

blocks|key|1644323|text|删除dist文件夹中的index.html。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1644324|然后运行以下命令：|1644325|firebase+login

ng+build+--prod

firebase+init

firebase+deploy|code-block|syntax|javascript|1644326|entityMap^0|2|4|B|A|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Delete the <code>index.html</code> which is present in <code>dist</code> folder. 

Then run the following commands:

<pre><code>firebase login

ng build --prod

firebase init

firebase deploy
</code></pre>

blocks|key|2048519|text|这对我很有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2048520|First+Stop+the+project+and+follow+these+steps

npm+install+-g+firebase-tools

firebase+login

firebase+init

?+Are+you+ready+to+proceed?+Yes
?+Which+Firebase+CLI+features+do+you+want+to+set+up+for+this+folder?+Press+Space+to+select+features,+then+Enter+to+confirm+your+choices.+Hosting:+Configure+and+deploy+Firebase+Hosting+sites

?+What+do+you+want+to+use+as+your+public+directory?+dist
?+Configure+as+a+single-page+app+(rewrite+all+urls+to+/index.html)?+Yes

After+initialization+is+completed+makesure+to+delete+the+created+dist+file+before+next+steps

ng+build+--prod

firebase+deploy|code-block|syntax|javascript|2048521|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This Worked for me

<pre><code>First Stop the project and follow these steps

npm install -g firebase-tools

firebase login

firebase init

? Are you ready to proceed? Yes
? Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to confirm your choices. Hosting: Configure and deploy Firebase Hosting sites

? What do you want to use as your public directory? dist
? Configure as a single-page app (rewrite all urls to /index.html)? Yes

After initialization is completed makesure to delete the created dist file before next steps

ng build --prod

firebase deploy
</code></pre>

blocks|key|5575913|text|index.html文件包含该firebase默认信息，这就是它显示该信息的原因。从原始angular文件复制并粘贴index.html，然后将其粘贴到dist+index.html。这解决了我的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5575914|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

index.html file has that firebase default information.That's why it is showing that information. Copy and paste index.html from your original angular file and paste it to dist index.html. This fixed my issue.

blocks|key|2048590|text|在部署到firebase服务器之前，你应该将你的文件添加到公共目录文件夹中(你的应用程序的索引文件应该在那里)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2048591|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You should add your files to public directory folder before deploy it into firebase server(your app's index file should be there).

blocks|key|4158390|text|当您构建您的Angular应用程序时，至少在Angular+10中，默认情况下，Angular会创建一个名为dist的文件夹，其中包含一个具有应用程序名称的文件夹。例如，此示例的应用程序名为blog-front，因此在构建项目(ng+build或ng+build+--+prod)时，Angular将创建一个dist文件夹，其中包含名为blog-front的文件夹：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4158391|​|4158392|📷|atomic|offset|length|4158393|4158394|当您到达询问公共目录的firebase初始化步骤时，对于此示例，您的文件夹名称应为“dist/blog-front”，或作为一般规则的“dist/yourApplicationName”：|4158395|4158396|4158397|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/bd7a45df012d398582cbfdcb3a79f061.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/a5624f0c8a55ab769d0146b9742fca89.png^0|0|0|0|1|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@$G|11|H|12|1|13]]|A|$]]|$1|I|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|E|5|F|7|16|8|@]|9|@$G|17|H|18|1|19]]|A|$]]|$1|M|3|C|5|6|7|1A|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]|W|$5|Q|R|S|A|$T|X|V|-4]]]]

When you build your Angular app, at least with Angular 10, by default Angular creates a folder names dist, containing a folder having the name of the application. For example, this example’s app is named blog-front, so when building the project (ng build or ng build -- prod), Angular will create a folder dist, containing a folder named blog-front:
<a href="https://i.stack.imgur.com/sX8uh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sX8uh.png" alt="enter image description here" /></a>
When you reach the firebase init step asking the public directory, your folder's name should be “dist/blog-front” for this example, or “dist/yourApplicationName” as a general rule :
<a href="https://i.stack.imgur.com/vqq2m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vqq2m.png" alt="enter image description here" /></a>

blocks|key|4158425|text|您会看到此错误，因为您没有运行该命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4158426|确保您在firebase+deploy|offset|length|style|CODE|4158427|and之前使用它也会使您在完成firebase+init过程后不正确。|unordered-list-item|4158428|4158429|entityMap^0|0|4|F|0|F|D|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|K|3|-4|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|M|$]]

You are seeing this error because you didn't run the command:
<ol>
<li><code>npm run build</code></li>
<li>make sure you use it before <code>firebase deploy</code></li>
<li>and also make you are incorrect directory.</li>
<li>execute this after finishing <code>firebase init</code> process.</li>
</ol>

blocks|key|1644395|text|如果您通过firebase+init获得了一个带有ready+index.html的公用文件夹。您可以简单地将该index.html替换为您的use，并使用以下命令：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1644396|firebase+deploy|code-block|syntax|javascript|1644397|这应该足够让它工作了，。确保所有文件都在它们应该在的位置！|1644398|entityMap^0|5|D|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

If you get a public folder with ready index.html by <code>firebase init</code>. You can simply replace that index.html with yours and use the command:
<pre><code>firebase deploy
</code></pre>
That should be enough to get it working. Make sure all the files are where they should be!

blocks|key|4158467|text|首先，你需要在项目部署后检查你的index.html。在这些命令步骤之后：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4158468|firebase+login

firebase+init

firebase+deploy|code-block|syntax|javascript|4158469|您真正的index.html文件可能会被firebase+generic+file覆盖，这就是出现问题的原因。因此，在项目部署后更改index.html的代码。如果您在网页上看到此框|4158470|​|4158471|📷|atomic|4158472|4158473|4158474|提示:在部署之前，将整个项目复制到PC中的任何位置。|blockquote|4158475|4158476|4158477|否则，请检查您的目录中的文件路径，您的index.html路径必须正确。|4158478|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/e0fab765abbb65da698c6876ae82f49c.png|imageAlt^0|G|A|0|0|4|A|T|C|1U|A|0|0|0|1|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1C|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1D|8|@$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1K|8|@]|D|@]|E|$]]|$1|O|3|P|5|Q|7|1L|8|@]|D|@$9|1M|A|1N|1|1O]]|E|$]]|$1|R|3|N|5|6|7|1P|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|T|3|U|5|V|7|1R|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]|$1|X|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|1U|8|@]|D|@]|E|$]]|$1|10|3|-4|5|6|7|1V|8|@]|D|@]|E|$]]]|11|$12|$5|13|14|15|E|$16|17|18|-4]]]]

first of all you need to check your <code>index.html</code> after deployment of project. after these command steps:
<pre><code>firebase login

firebase init

firebase deploy
</code></pre>
your real <code>index.html</code> file might be overwrite by firebase <code>generic file</code> that's why the problem is occurred. so change code of <code>index.html</code> after deployment of project. if you see this box on your web page
<a href="https://i.stack.imgur.com/lf3rO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lf3rO.png" alt="enter image description here" /></a>
<blockquote>
Tip: copy your complete project anywhere in your PC before deployment.
</blockquote>
otherwise check your directory for file path your path of index.html is must correct.

blocks|key|5576103|text|工作解决方案|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|5576104|只需执行flutter+build+web，然后执行flutter+deploy。|CODE|5576105|firebase+init尝试为您生成一个通用的index.html文件，如果它这样做了，那么您首先必须执行flutter+build+web，以便生成所需的index.html，而不是通用的，然后再次执行flutter+deploy|5576106|entityMap^0|0|6|0|4|H|Q|E|0|0|D|1I|H|2V|E|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|P|8|@$9|Q|A|R|B|H]|$9|S|A|T|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|U|8|@$9|V|A|W|B|H]|$9|X|A|Y|B|H]|$9|Z|A|10|B|H]]|D|@]|E|$]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$]]

Working Solution
Just do
<code>flutter build web</code>, then
<code>flutter deploy</code>.
<code>firebase init</code> tries to generate a generic index.html file for you, and if it did that, then you first have to do <code>flutter build web</code> so that the index.html you need is generated, rather than the generic one, and then again <code>flutter deploy</code>

blocks|key|1644416|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1644417|📷|atomic|offset|length|1644418|我的解决方案只是等待一段时间。那么，如果它仍然不起作用。让我们试试：|1644419|解决方案1:检查"build“文件夹中的index.html和自己项目中的index.html。它们应该是相同的，如果不是，将代码index.html复制到"build“文件夹之外，并粘贴到"build”文件夹内的index.html中。|1644420|解决方案2:删除您的.firebase文件夹。然后再次初始化它。=>+firebase初始化？您想使用什么作为您的公共目录？build+<+==备注："build“是我的目录吗？是否配置为单页应用程序(是否将所有urls重写为/index.html)？No+<==选择NO？文件build/404.html已经存在。要覆盖吗？No+<==选择NO？文件build/index.html已存在。要覆盖吗？No+<==选择NO|1644421|完成这些操作后，我也收到了"Welcome+Firebase+Setting+Host+Complete“的通知，我只是等待了一段时间。然后重新加载网站。|1644422|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/73664115e2ecb25939f9f8d3134752f0.png|imageAlt^0|0|0|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@$E|Z|F|10|1|11]]|A|$]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V|W|-4]]]]

<a href="https://i.stack.imgur.com/D0JVV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D0JVV.png" alt="enter image description here" /></a>
My solution is just waiting a bit.
Then, if it still not working.
let try:
Solution 1: check your index.html inside &quot;build&quot; folder and index.html in your own project. They should be the same, if not, copy code index.html outside &quot;build&quot; folder and paste into index.html inside &quot;build&quot; folder.
solution 2 : delete your .firebase folder. and init it again.
=&gt; firebase init
? What do you want to use as your public directory? build &lt; == NOTE: &quot;build&quot; is my directory
? Configure as a single-page app (rewrite all urls to /index.html)? No &lt;== select NO
? File build/404.html already exists. Overwrite? No &lt;== select NO
? File build/index.html already exists. Overwrite? No &lt;== select NO
After doing these things, I also get that notification of &quot;Welcome Firebase Setting Host Complete&quot; , and I just wait for a while. then reload the website.

blocks|key|4158516|text|将公用文件夹中的默认HTML页面名称更改为index.html对我很有效。此外，请确保当firebase在firebase初始化步骤中提示您重写index.html时，不要重写该sure+(按照所附图像进行操作)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4158517|​|4158518|📷|atomic|offset|length|4158519|4158520|4158521|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/81d70fbeb397fd33bef3b11dd49b78cc.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/4b029c11081fb23b39224add91ce7090.png^0|0|0|0|1|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|X|8|@]|9|@$G|Y|H|Z|1|10]]|A|$]]|$1|I|3|E|5|F|7|11|8|@]|9|@$G|12|H|13|1|14]]|A|$]]|$1|J|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R|S|-4]]|T|$5|N|O|P|A|$Q|U|S|-4]]]]

Changing the default HTML page name in the public folder to index.html worked for me.
Also, make sure you do not rewrite the index.html when firebase prompts you to in the firebase init step(follow the attached image).
<a href="https://i.stack.imgur.com/UXY3K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UXY3K.png" alt="firebase init options" /></a><a href="https://i.stack.imgur.com/3myxD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3myxD.png" alt="firebase json" /></a>

I'm a pretty new programmer going through the Firebase tutorial. I have gone through steps 1-5 of the tutorial (<a href="https://codelabs.developers.google.com/codelabs/firebase-web/#5" rel="noreferrer">https://codelabs.developers.google.com/codelabs/firebase-web/#5</a>). I've added the "Add Firebase to your web app" js code to the html file, and set up the Firebase CLI. However, when I run the firebase server, everything seems to work other than it is not showing the code from the index.html file. 

I am in the right directory, and my console says "Server listening at: <a href="http://localhost:5000" rel="noreferrer">http://localhost:5000</a>." But, at localhost 5000, it shows a generic "Welcome to Firebase Hosting: You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!" box rather than the app interface code in the index.html file. It is the only html file in my directory. It seems like I am missing something very simple. Thank you for your help.

Firebase not running index.html file

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我是一个正在学习Firebase教程的新程序员。我已经完成了本教程()的步骤1-5。我已经将"Add Firebase to your web app“js代码添加到html文件中，并设置了Firebase CLI。但是，当我运行firebase服务器时，除了没有显示index.html文件中的代码之外，一切似乎都正常...

问Firebase未运行index.html文件
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Firebase未运行index.html文件EN