Question

我正在尝试在我的投资组合网站上运行我的angular2网站，但是当我指向index.html文件时，我得到的只是加载...并且页面永远不会加载。我以前从未在线部署过angular2网站。有什么我想念的吗？

Answer 1

如果您使用angular-cli，则可以使用命令ng build创建构建，然后将位于dist/文件夹中的文件上传到您的FTP服务器。

执行ng build后，您应在dist/文件夹中看到以下文件。

C:\temp\ng2_test\dist>dir
 Volume in drive C is OS
 Volume Serial Number is XXXX-XXXX

 Directory of C:\temp\ng2_test\dist

2016-11-24  10:50 AM    <DIR>          .
2016-11-24  10:50 AM    <DIR>          ..
2016-11-24  10:50 AM             5,430 favicon.ico
2016-11-24  10:50 AM               481 index.html
2016-11-24  10:50 AM             5,539 inline.bundle.js
2016-11-24  10:50 AM             5,600 inline.bundle.map
2016-11-24  10:50 AM         2,477,664 main.bundle.js
2016-11-24  10:50 AM         2,504,627 main.bundle.map
2016-11-24  10:50 AM            10,268 styles.bundle.js
2016-11-24  10:50 AM            13,940 styles.bundle.map
               8 File(s)      5,023,549 bytes
               2 Dir(s)  329,406,005,248 bytes free

版本

angular-cli: 1.0.0-beta.21 node: 7.2.0 os: win32 x64

内容dist/index.html

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Ng2Test</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root>Loading...</app-root> <script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body> </html>

Answer 2

以下网站来源是HTML的样子：

<html>
<head>
  <meta charset="utf-8">
  <title>User Demo with JSON</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://bootswatch.com/cerulean/bootstrap.min.css">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root>Loading...</app-root>
</body>
</html>

您没有加载任何Angular或JS文件。这就是app无法正常工作的原因。

在FTP服务器上部署Angular2站点

2 个答案: