我在 GitHub 上部署了我的 Angular 專案的構建版本，但它顯示空白頁。index.html 檔案如下：
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>MyApp</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.ef46db3751d8e999.css"></head>
<body>
<app-root></app-root>
<script src="runtime.64248f028ac7b239.js" type="module"></script><script src="polyfills.baf191c8bfeb89f2.js" type="module"></script><script src="main.b49d142c39a156bd.js" type="module"></script>
</body></html>
我怎樣才能解決這個問題？
更新：我的專案中啟用了路由。這是 Angular 在您創建新專案時提供的一個非常簡單的專案。
錯誤是： 網路 控制臺
uj5u.com熱心網友回復：
這就是 Angular 的作業原理。在 SPA（單頁應用程式）中，HTML 是從幾乎空白的檔案（您當前看到的）“即時”生成的。這些標簽：
<script src="runtime.64248f028ac7b239.js" type="module"></script><script src="polyfills.baf191c8bfeb89f2.js" type="module"></script><script src="main.b49d142c39a156bd.js" type="module"></script>指向應用程式的其余部分。
下載到瀏覽器后index.html，瀏覽器會被指向這些腳本標簽中的 Javascript (JS) 檔案以下載到瀏覽器。這些 JS 檔案以產生 UI 的方式操作 DOM。如果什么都沒有產生，那么很可能是瀏覽器上的 JS 被阻止了，或者瀏覽器由于某種原因無法訪問 JS 檔案（runtime.64248f028ac7b239.js、polyfills.baf191c8bfeb89f2.js和main.b49d142c39a156bd.js）。
按照建議，我會檢查網路選項卡，看看這些 JS 檔案是否已成功下載。是這樣嗎，檢查 JS 是否在您的瀏覽器上被阻止（沒有它，Angular 將無法運行）。如果這些都不是問題，則您可能遇到路由問題（如果您正在使用它），并且可能希望共享您的app.component.html檔案的外觀。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/453987.html
上一篇：在github企業頁面上發布Angular應用程式不起作用
下一篇：如何通過檔案夾動態并行化測驗？