將Angular 2應用程序部署到Azure

我正在學習Angular 2和Azure。我跟着Angular 2 Tutorial，一切都在當地正常工作。我發佈了app to Azure。該出版物成功。但是當我訪問該網站時，它停留在裝載階段。查看Chrome控制檯中的日誌，我看到以下錯誤。未找到/app/main.ts文件。將Angular 2應用程序部署到Azure

我通過「捻」儀表盤檢查了我的部署文件由this question的建議。我沒有看到任何*.ts僅部署*.js和*.map。

然後我又回到了Visual Studio中更改的所有*.ts文件的屬性設置爲Copy Always。更改後，我可以看到*.ts文件被複制到.\bin\app目錄。但是，在我將項目重新發布到Azure（再次成功完成）之後，在請求main.ts文件時，我仍然遇到404錯誤。

根據this question IIS不能正確提供Typescript文件。

首先：如何將建議的更改應用於Azure以解決此問題？

其次：爲什麼我們需要使用*.ts文件？根據我的理解，*.ts已被編入*.js。爲什麼我們不能請求正確部署到Azure的*.js文件？

來源

2016-02-04 Frank Liu

嗨，對不起，你能告訴我你是如何上傳你的angular2應用程序的（你是否壓縮它並上傳它，並且你是否上傳到'wwwroot'或'wwwroot \ webapp' ？）和你使用什麼類型的WebApp？我被困在這裏..對不起！ –

嗨@Selem，我沒有手動做任何壓縮。只是遵循視覺工作室的發佈嚮導。我可以看到我的文件在'wwwroot'目錄下。我的應用程序是一個ASP.NET Web Api 2.希望這有助於。 –

你好，我剛剛在我的天藍色帳戶上創建了一個Web應用程序。然後打開VS2015並創建了ASP.NET Empty App 4.6。我添加了角度2示例應用程序文件，並在本地運行良好。然後我發佈到azure（右鍵單擊項目和發佈），我甚至可以通過kudu查看該文件，並且defaultExtension在systemjs.config.js中設置爲js。但是地圖文件沒有上傳。我仍然遇到同樣的問題，「阻止加載......」。任何想法PLZ？你介意分享一個工作的應用程序？ – user1912383

@Frank，

使用.ts文件僅用於演示和教程，它實際上是建議運行您的網站.js文件。

我有一個示例應用程序正在運行，您可能可以參考一下看它是如何工作的。

https://github.com/shrimpy/AspMVCFileUploadSample

Asp.net核心1.0.0-RC1
Angularjs 2

希望這將有助於。

來源

2016-02-05 01:10:21

你是對的。我將defaultExtension更新爲js，現在一切正常。 Thx –

您能分享一下您的解決方案嗎？像你在哪裏找到這個defaultExtension？ – VincentZHANG

下面是我遵循的步驟：

確保角2應用程序構建和本地
運行創建蔚藍的Web應用程序，並從VS發佈配置
通過導入下載發佈應用程序
打開命令行從Azure的發佈配置 - >工具 - >捻（或控制檯）
cd到家裏\網站\ wwwroot的
執行：npm install

來源

2016-07-24 08:57:30 user1912383

很酷，但鏈接已經死了 –

任何關於如何從Sublime Text或Atom或Webstorm這樣做的線索？ –

此鏈接指定從A到Z所需的操作https://stackoverflow.com/questions/37487046/deploy-angular-2-with-azure-webapp –

將Angular 2應用程序部署到Azure

回答

相關問題