部署到firebase的Angular 5应用程序不会加载组件

Question

我可以使用firebase init和firebase deploy将Angular 5应用部署到Firebase。

默认情况下，主页面是index.html目录中的public。

我改变了firebase.json：

{
  "hosting": {
    "public": "public",

为：

{
  "hosting": {
    "public": "src",

以便显示我的index.html。

显示但是其中的组件未加载。我坚持使用空白页面，<app-root></app-root>标记为空。

如何在我这边配置firebase，以便它在我的localhost上工作？

Answer 1

你的项目文件夹，指示Angular CLI在dist文件夹中为你的应用程序构建一个生产就绪的资产集：

ng build --prod
npm install -g firebase-tools
firebase login
firebase init

公共目录：输入dist，因为这是您的生产就绪Angular应用资产所在的位置。

配置为单页应用：大多数情况下，您会为此yes (y)说No.。 覆盖index.html：{ "query": { "bool": { "must": [ { "term": { "field1": "abc" } }, { "term": { "field2": "xyz" } } ] } } }

src