Firebase托管在部署angular 6应用程序后显示欢迎页面?

时间:2019-06-04 15:31:33

标签: angular firebase firebase-hosting

我想开发angular 6应用程序,但是在部署firebase之后仅显示欢迎页面。

这是我已部署的步骤。

  1. 已安装firebase-tools
  2. ng build --prod(在我的应用中)
  3. firebase初始化
  4. 您准备好进行了吗? (是/否)y
  5. (*)托管:配置和部署Firebase托管站点
  6. 您要将什么用作公用目录? (公共)dist
  7. 配置为单页应用程序(将所有URL重写为/index.html)? (y / N)y
  8. 文件dist / index.html已存在。覆盖? (y / N)y
  9. Firebase初始化完成!
  10. 在此步骤中,我已删除dist文件夹,然后再次运行ng build --prod
  11. dist目录内的子文件夹中创建了角度构建应用程序,因此我将包含index.html的子目录中的所有内容复制到了dist/
  12. firebase部署
  13. firebase开放主机:站点

但是做完所有这些之后,我仍然在链接中获得欢迎页面。

我在做什么错!!

6 个答案:

答案 0 :(得分:1)

尝试:  8.文件dist / index.html已经存在。覆盖? (y / N)N  并以隐身模式打开指向您应用的链接。严重的是,我呆了几个小时,因为此Firebase索引已缓存在我的情况下,所以这就是为什么部署后看不到我的应用的原因。

答案 1 :(得分:1)

这对我有用:

  • 删除 .firebase 文件夹
  • 删除 .firebaserc
  • 删除 firebase.json

现在运行如下:

$ firebase init hosting
? File build/web/index.html already exists. Overwrite? No
$ firebase deploy --only hosting

答案 2 :(得分:0)

浏览器缓存也是我的问题。如上所述,尝试隐身或使用proxysite.com(非常有用的网站)来避免浏览器缓存

答案 3 :(得分:0)

检查终端上的路径。如果问题仍然存在,则删除firebase自动创建的文件夹并部署项目

答案 4 :(得分:0)

就我而言,我正在项目目录 (src) 内初始化 firebase。只需检查您所在的目录。它应该在顶层。

在你构建它并尝试部署它之后,它会是一样的,因为网页已经被缓存了。所以要确保在 incognito 中使用。

答案 5 :(得分:0)

配置为单页应用程序(将所有 url 重写为 /index.html)?不 ?使用 GitHub 设置自动构建和部署?否

  • 写了 public/404.html ?文件 public/index.html 已经存在。覆盖?否

此错误是由您网站文件夹的公共文件夹中的 index.html 生成的。