Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/firebase/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将Angular应用程序部署到Firebase,但只上载一个文件_Angular_Firebase_Firebase Hosting - Fatal编程技术网

将Angular应用程序部署到Firebase,但只上载一个文件

将Angular应用程序部署到Firebase,但只上载一个文件,angular,firebase,firebase-hosting,Angular,Firebase,Firebase Hosting,我将Angular应用程序部署到Firebase,但只上载了一个文件。 我学习了很多教程,包括 部署后转到托管URL: 我看到的只是其他设置,如: 欢迎Firebase主机安装完成您看到这一点是因为 您已成功设置Firebase主机。现在是开始建造的时候了 真了不起 这是我的cli输出 L:\NetProject\BooksProject\BooksProject\ClientApp>firebase init ######## #### ######## ######## ########

我将Angular应用程序部署到Firebase,但只上载了一个文件。 我学习了很多教程,包括

部署后转到托管URL: 我看到的只是其他设置,如:

欢迎Firebase主机安装完成您看到这一点是因为 您已成功设置Firebase主机。现在是开始建造的时候了 真了不起

这是我的cli输出

L:\NetProject\BooksProject\BooksProject\ClientApp>firebase init

 ######## #### ########  ######## ########     ###     ######  ########
 ##        ##  ##     ## ##       ##     ##  ##   ##  ##       ##
 ######    ##  ########  ######   ########  #########  ######  ######
 ##        ##  ##    ##  ##       ##     ## ##     ##       ## ##
 ##       #### ##     ## ######## ########  ##     ##  ######  ########
您将在此目录中初始化Firebase项目:

L:\NetProject\BooksProject\BooksProject\ClientApp

在开始之前,请记住:

  • 您正在现有Firebase项目目录中初始化
??你准备好继续了吗?对您需要哪些Firebase CLI功能 要为此文件夹进行设置吗?按空格键选择要素,然后单击 输入以确认您的选择。托管:配置和部署Firebase 托管站点

==项目设置

首先,让我们将此项目目录与Firebase项目相关联。 您可以通过运行firebase use--add创建多个项目别名, 但现在我们只需要设置一个默认项目

firebaserc已经有一个默认项目,使用图书搜索api

==主机设置

公共目录是文件夹(相对于项目) 目录),其中将包含要上载的托管资产 火力基地部署。如果您有资产的构建过程,请使用 生成的输出目录

??您想使用什么作为公用目录?客户端应用程序? 配置为单页应用程序(将所有URL重写为/index.html)?对 ? 文件client app/index.html已存在。覆盖?对 +编写客户端app/index.html

我正在将配置信息写入firebase.json。。。我喜欢写作项目 有关firebaserc的信息

  • Firebase初始化完成
L:\NetProject\BooksProject\BooksProject\ClientApp>ng构建--prod --aot

日期:2019-06-19T06:54:49.906Z哈希:0428C1E6725A31F1E9C时间: 41224ms chunk{0}runtime-es5.741402d1d47331ce975c.js(runtime)1.41 kB[entry][rendered]chunk{1}main-es5.1057831c3a881ebea921.js (主)517KB[首字母][呈现]块{2} polyfills-es5.405730e5ac8f727bd7d7.js(polyfills)111 kB[首字母] [呈现]区块{3}样式.652a17618ef377c73983.css(样式)200 kB [原件][已提供]

日期:2019-06-19T06:55:19.884Z散列:c671e9fe8c3d67a7118d时间: 29918ms chunk{0}运行时-es2015.858f8dd898b75fe86926.js(运行时) 1.41 kB[输入][呈现]块{1}main-es2015.e5390b5408abc2d4f8dd.js(主)449 kB[首字母][呈现] 区块{2}polyfills-es2015.edf60e92366a5a261979.js(polyfills)36.8kb [初始][呈现]区块{3}样式。652a17618ef377c73983.css (样式)200 kB[首字母][渲染]

L:\NetProject\BooksProject\BooksProject\ClientApp>firebase部署-m “提交消息”--仅托管

==部署到“图书搜索api”

i部署托管i托管[book search api]:开始部署。。。 我托管[图书搜索api]:在客户端应用程序中找到1个文件 +托管[图书搜索api]:文件上载完成i托管[图书搜索api]:正在完成版本。。。 +托管[图书搜索api]:版本定稿i托管[图书搜索api]:发布新版本。。。 +托管[图书搜索api]:发布完成

  • 部署完成
项目控制台: 托管URL:

L:\NetProject\BooksProject\BooksProject\ClientApp>

更新

在@ShahidIslam的帮助下,我将firebase.json公共属性从“client app”更改为“dist”,然后运行

firebase部署-m“提交消息”--仅托管

现在它上传了文件,我想是因为它说

==部署到“图书搜索api”

我正在部署主机 我托管[图书搜索api]:开始部署。。。 i托管[图书搜索api]:在dist中找到10个文件 +托管[图书搜索api]:文件上载完成 我托管[图书搜索api]:正在完成版本。。。 +托管[图书搜索api]:最终版本 我托管[图书搜索api]:发布新版本。。。 +托管[图书搜索api]:发布完成

  • 部署完成
项目控制台: 托管URL:

当我现在去

它说:

页面未找到此文件不存在,并且没有index.html 在当前目录或根目录中的404.html中找到

为什么我会看到这个?您可能为部署了错误的目录 你的申请。检查您的firebase.json并确保 目录指向包含index.html文件的目录

您还可以在站点的根目录中添加一个404.html来替换此文件 带有自定义错误页的页面

该项目如下所示:


当您第一次初始化firebase时,首先检查dist文件夹。当firebase询问public directory时,向firebase提供编译代码(main.js、poly.json、style.js等)的位置,在您的情况下,您应该提供“dist/ClientApp”
您在ClientApp中编译的代码,它是dist文件夹的子目录 firebase.json。“公共”:“dist/ClientApp”。firebase从此属性(公共)获取编译代码的目录位置


}

谢谢,我现在尝试了这个方法,我认为它有效,但看看我更新的问题,也许我创建的文件夹错误,你可以在图片上看到谢谢它有效,但我在项目的根目录中有这个books.xml,我如何包括它,以便我可以搜索书籍你可以像这样使用xml,如果反向通信不起作用,请使用``此符号谢谢我的Angular应用程序是一个图书搜索应用程序,它需要此books.xml,但如何将其添加到我的Firebase应用程序中。你看这里是什么时候
    {
  "hosting": {
    "public": "dist/ClientApp",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }