将Angular 2 App部署到Azure

Fra*_*Liu 6 azure typescript angular

我正在学习Angular 2和Azure.我遵循了Angular 2 Tutorial,一切都在本地运行良好.

我将应用程序发布到Azure.该出版物成功了.但是当我访问该网站时,它仍处于加载阶段.查看Chrome控制台中的日志,我看到以下错误./app/main.ts找不到该文件.

在此输入图像描述

我按照此问题的建议通过"Kudu"仪表板检查了我部署的文件.我没有看到任何*.ts只部署*.js*.map.

在此输入图像描述

然后我回到Visual Studio将所有*.ts文件的属性更改为Copy Always.更改后,我可以看到*.ts文件被复制到.\bin\app目录中.但是,在我将项目重新发布到Azure(再次成功)后,我仍然在请求main.ts文件时遇到404错误.

根据这个问题, IIS无法正确提供Typescript文件.

首先:如何在Azure上应用建议的更改来修复它?

其次:为什么我们需要使用这些*.ts文件?根据我的理解,*.ts遵守*.js.为什么我们不能只请求*.js正确部署到Azure 的文件?

Xia*_* Wu 3

@坦率,

使用 .ts 文件仅用于演示和教程,实际上建议使用 .js 文件运行您的网站。

我有一个正在运行的示例应用程序,您可以参考一下它以了解它是如何工作的。

https://github.com/shrimpy/AspMVCFileUploadSample

  • Asp.net核心1.0.0-rc1
  • Angularjs 2

希望这会有所帮助。