2016-02-04 3 views
5

Я изучаю Angular 2 и Azure. Я последовал за Angular 2 Tutorial, и все работало нормально.Развернуть Angular 2 App to Azure

Я опубликовал app to Azure. Публикация прошла успешно. Но когда я посещаю сайт, он застрял на этапе загрузки. При просмотре журналов в консоли Chrome я вижу следующую ошибку. Файл /app/main.ts не найден.

enter image description here

Я проверил мои развернутые файлы с помощью панели управления «Куду», как предложено this question. Я не вижу, чтобы *.ts были развернуты только *.js и *.map.

enter image description here

Затем я вернулся в Visual Studio изменила свойство всех *.ts файла в Copy Always. После изменения я вижу, что файлы *.ts копируются в каталог .\bin\app. Однако после того, как я переиздал проект Azure (успешно снова), я все же закончил с ошибкой 404 при запросе файла main.ts.

В соответствии с this question IIS не поддерживает файл машинописных файлов.

Во-первых,: Как применить предложенное изменение на Azure, чтобы исправить его?

Во-вторых: зачем мы должны использовать файлы *.ts? Исходя из моего понимания, *.ts соответствует *.js. Почему мы не можем просто запросить файлы *.js, которые правильно установлены в Azure?

+0

Привет, Извините, но можете ли вы рассказать мне, как вы загрузили приложение с угловым2 (это означает, что вы сжимаете его и загружаете его, и загрузили ли вы его на 'wwwroot' или' wwwroot \ webapp'? ?) и какой тип WebApp вы использовали? Я застрял здесь .. извините! –

+1

Привет @Selem, я не делал никакого сжатия вручную. Просто следуйте за мастером публикации визуальной студии. Я вижу, что мои файлы находятся в каталоге «wwwroot». Мое приложение - ASP.NET Web Api 2. Надеюсь, это поможет. –

+0

привет, я только что создал веб-приложение на моей лазурной учетной записи. затем открыл VS2015 и создал приложение ASP.NET Empty App 4.6. Я добавил файлы приложений с угловым 2 образцами и работает нормально. Затем я опубликовал его в azure (проект щелчка правой кнопкой мыши и публикация), я даже вижу файл через kudu, а defaultExtension - js в systemjs.config.js. Однако файлы карт не были загружены. У меня по-прежнему такая же проблема «застряла при загрузке ...». любая идея plz? не возражаете ли вы поделиться рабочим приложением? – user1912383

ответ

3

@Frank,

использовать ts-файл только для демо и учебник, он фактически предложил запустить свой сайт с .js файл.

У меня есть пример приложения, в котором вы можете немного ссылаться, чтобы увидеть, как он работает.

https://github.com/shrimpy/AspMVCFileUploadSample

  • Asp.net Основные 1.0.0-RC1
  • Angularjs 2

надеюсь, что это поможет.

+0

вы являются правильными. Я обновил defaultExtension до js, и теперь все работает. Thx –

+0

Не могли бы вы поделиться своим решением, пожалуйста? Как, где вы нашли это значение по умолчанию? – VincentZHANG

3

Вот шаги, я затем:

  1. убедитесь Угловое 2 приложение строит и работает локально
  2. Создание лазурное веб-приложение и получить опубликовать профиль
  3. из VS опубликовать приложение, импортируя скачанный профиля публикации
  4. Открыть командную строку из Azure -> Инструменты -> Куду (или консоль)
  5. кд на главную \ сайт \ Wwwroot
  6. выполнить: npm установить
+0

Прохладный, но ссылка мертва –

+0

Любые подсказки о том, как можно было бы говорить из Sublime Text или от Atom или Webstorm? –

+0

Эта ссылка указывает необходимые действия от A до Z https://stackoverflow.com/questions/37487046/deploy-angular-2-with-azure-webapp –