Angular应用部署Firebase后无法访问，求排查解决思路

我最近试着把我的Angular应用部署到Firebase，全程跟着部署步骤走，过程看起来都没毛病，但用Firebase给的URL访问时，浏览器却显示异常。我实在摸不着头脑，找不到部署环节哪里出了问题，有没有大佬能给点排查思路啊？

以下是我的部署日志片段：

MYMAC-M-34RS:WeatherDemo user$ ng build --prod
Date: 2018-04-27T09:49:07.120Z
Hash: ab47fb71fe9008d24831
Time: 39656ms
chunk {0} polyfills.b6b2cd...

一些实用的排查提示： #

• 先检查编译产物完整性：执行ng build --prod后，去项目根目录的dist文件夹看看，有没有生成完整的index.html和对应的js、css资源。如果文件缺失或者编译不完整，部署后肯定会出问题。
• 核对Firebase配置：打开本地的firebase.json，确认hosting部分的public字段指向的是正确的编译目录——比如Angular项目编译后可能在dist/WeatherDemo下，别把路径写错了，否则Firebase找不到要部署的文件。
• 查看完整部署日志：你贴的日志只有开头部分，建议把ng build --prod和firebase deploy的完整日志都拉出来看看，有没有隐藏的报错或者警告，很多问题的线索都在这些细节里。
• 本地预览编译后的应用：在dist目录下启动一个本地服务器（比如用npx serve dist命令），看看本地能不能正常访问。如果本地预览也有问题，那说明是Angular生产编译的问题，得先搞定编译环节，再谈部署。
• 查看浏览器控制台错误：访问Firebase URL时，按下F12打开开发者工具，切换到Console标签页，看看有没有404资源错误、JS执行报错这些信息。比如如果是404，大概率是Firebase Hosting的路径配置错了，导致找不到静态资源；如果是JS报错，可能是编译时的代码问题。
• 确认单页应用重写规则：Angular是单页应用，必须配置重写规则让所有请求都指向index.html，不然刷新页面会出现404。检查firebase.json里有没有类似这样的配置：

  "hosting": {
    "public": "dist/WeatherDemo",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
  

内容的提问来源于stack exchange，提问作者CodeChanger