將Angular站點部署到Firebase Hosting（localhost ...？）之后，ERR_CONNECTION_REFUSED

Question

我正在嘗試從angular-templates.io評估管理模板，並且生產版本可以正常運行。 我上傳到Firebase Hosting並指定dist / browser（在生產構建期間創建），但是當我在瀏覽器中加載firebase應用程序時，它僅顯示“ Loading ...”。 它給出的錯誤是：

main.43059628ad5e08be77bb.js：1錯誤錯誤：未捕獲（承諾）：在R（polyfills.45eead93d001664270af.js：1）在R（polyfills.45eead93d001664270afaf.js：1）在polyfills.45eead93d001664270af.js：1 [對象未定義]在t.invokeTask（polyfills.45eead93d001664270af.js：1）在Object.onInvokeTask（main.43059628ad5e08be77bb.js：1）在t.invokeTask（polyfills.45eead93d001664270af.js：1）在e.runTask（polyfills.45eead93d001664。 1）在e.invokeTask上的d（polyfills.45eead93d001664270af.js：1）在_（polyfills.45eead93d001664270af.js：1）在d（polyfills.45eead93d001664270af.js：1）

vp @ main.43059628ad5e08be77bb.js：1本地主機：8000 / assets / data / ng2_charts.json：1無法加載資源：net :: ERR_CONNECTION_REFUSED

main.43059628ad5e08be77bb.js：1錯誤錯誤：未捕獲（承諾）：在R（polyfills.45eead93d001664270af.js：1）在R（polyfills.45eead93d001664270afaf.js：1）在polyfills.45eead93d001664270af.js：1 [對象未定義]在t.invokeTask（polyfills.45eead93d001664270af.js：1）在Object.onInvokeTask（main.43059628ad5e08be77bb.js：1）在t.invokeTask（polyfills.45eead93d001664270af.js：1）在e.runTask（polyfills.45eead93d001664。 1）在e.invokeTask [按調用]在d（polyfills.45eead93d001664270af.js：1）處d（polyfills.45eead93d001664270af.js：1）在d（polyfills.45eead93d001664270af.js：1）處vp @ main.43059628ad5e08be77bb.js：1

本地主機：8000 / assets / data / extended_table.json：1無法加載資源：net :: ERR_CONNECTION_REFUSED

似乎是說它找不到兩個文件：位於localhost：8000 / assets / data的ng2_charts.json和extended_table.json。 這兩個文件確實存在於dist / browser / assets / data下，但是為什么要搜索localhost ？

我沒有在文檔中看到任何有關在部署之前需要進行配置更改的內容，並且我仔細閱讀了angular-templates.io中的說明

從字面上看，這是我執行的每個步驟：

npm i -g @angular/cli 

從下載的zip中復制源文件（選中取消阻止屬性后）

npm i
npm audit fix
npm run build:ssr && npm run serve:ssr

創建dist / browser文件夾並正常運行

npm i @angular/fire firebase --save
npm i angularfire2
npm install -g firebase-tools
firebase init
firebase deploy

在瀏覽器中打開Firebase應用

似乎我錯過了一個配置步驟，但是我沒有在文檔的任何地方看到它。 任何幫助將不勝感激！

我檢查了SO以嘗試找到答案，但這是我找到的最接近的答案：

部署到Firebase托管后，我的React項目無法正常工作

Angular 6.0 Firebase托管部署無法正常工作

部署時Angular不顯示Firestore數據

Answer 1

弄清楚了！ 必須更新兩個文件（ server.ts和src \\ environments \\ environment.prod.ts

server.ts來自

app.listen(PORT, () => {
   console.log(`Node Express server listening on http://localhost:${PORT}`);
});

至

app.listen(PORT, () => {
   console.log(`Node Express server listening on https://<myfirebaseproject>.firebaseapp.com:${PORT}`);
});

和src \\ environments \\ environment.prod.ts

從

exports.environment = {
   production: true,
   BASE_URL: 'http://mylocalhost:8008'
};

至

exports.environment = {
   production: true,
   BASE_URL: 'https://<myfirebaseproject>.firebaseapp.com'
};

如果記錄在案，可以請他人發表評論以供參考嗎？ 如果angular-templates.io提到了它，那將真的很有幫助。