在FTP服务器上部署Angular2站点

我试图在我的投资组合站点上运行我的angular2站点，但是当我指向index.html文件时，我所得到的只是加载...并且页面从不加载。我以前从未在线部署过angular2网站。有什么我失踪？在FTP服务器上部署Angular2站点

2016-11-23 user6680

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

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

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

内容

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

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>

来源

2016-11-23 02:06:10

我跑了构建（也尝试建立生产），它完成把文件放在dis t文件夹，但是当我将dist文件夹放在我的ftp服务器上并从我的站点打开页面时，我得到正在加载......并且它从不加载。我错过了什么步骤？ ng构建后有什么我必须做的吗？ – user6680

我已将更多信息添加到我的答案中。请检查您是否使用相同的版本并获得相同的结果。 –

我刚才发现了这个问题。我注意到没有找到所有ng build文件的文件都指向了我的ftp服务器的根目录。 site.com/ngbuild文件在这里（根据控制台错误）/虽然他们都真的位于dist，所以在ng build之后，我进入了dist文件夹中的index.html，并将dist /放在所有脚本srcs之前，现在它正在渲染应用程序。感谢您的输入，但它仍然帮助我在index.html中查看文件路径 – user6680

从下面的网站源是你的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>

不加载任何角度或JS文件。这是应用程序无法正常工作的原因。

来源

2016-11-23 01:37:55

我搜索了SO'部署angular2 app'，发现这个：http://stackoverflow.com/questions/35539622 – ppovoski

在FTP服务器上部署Angular2站点

回答

相关问题