Déployer Angulaire 2 App Azur

Je suis en train d'apprendre Angulaire 2 et d'Azur. J'ai suivi le long de la Angulaire 2 Tutoriel et tout a bien fonctionné à l'échelle locale.

J'ai publié le application d'Azur. La publication a été avec succès. Mais lorsque je visite le site, il bloqué à la phase de saturation. En regardant les logs dans la console Chromée je vois l'erreur suivante. Le /app/main.ts fichier n'est pas trouvé.

Déployer Angulaire 2 App Azur

J'ai vérifié mes fichiers déployés par le "Kudu" tableau de bord comme suggéré par cette question. Je ne vois pas tout *.ts sont déployés seulement la *.js et *.map.

Déployer Angulaire 2 App Azur

Ensuite, je suis retourné à Visual Studio changé la propriété de tous les *.ts fichier à Copy Always. Après le changement, je peux voir que la *.ts fichiers sont copiés dans le .\bin\app répertoire. Cependant, après j'ai réédité le projet d'Azur (avec succès), j'ai toujours fini avec l'erreur 404 lors de la demande de main.ts fichier.

Selon la cette question IIS ne pas servir Tapuscrit fichier correctement.

Tout d'abord: Comment appliquer les changements sur Azure pour résoudre ce problème?

Deuxièmement: pourquoi devons-nous utiliser le *.ts fichiers? Basé sur ma compréhension, l' *.ts est respecté dans *.js. Pourquoi ne pouvons-nous pas simplement demander à la *.js fichiers qui sont correctement déployés pour Azure ?

Salut , Désolé, mais pouvez-vous me dire comment vous avez télécharger votre angular2 application (moyens avez-vous de le compresser et de les télécharger, et avez-vous de la télécharger à wwwroot ou wwwroot\webapp? ) et quel type de WebApp avez-vous utilisé ? Je suis coincé ici .. désolé!
Salut @Selem, je n'ai pas fait une compression manuelle. Suivi de visual studio assistant de publication. Je peux voir mes fichiers sont sous "wwwroot" du dossier. Mon application est un ASP.NET Web Api 2. Espérons que cette aide.
bonjour, je viens de créer une web app sur mon compte azure. ensuite ouvert VS2015 et créé ASP.NET Vide App 4.6. J'ai ajouté l'angle de 2 exemple d'application fichiers et exécute localement amende. Ensuite, j'ai publié à azure (clic droit sur le projet et de le Publier), je peux même voir le fichier via le kudu, et defaultExtension est mis à la js dans systemjs.config.js. Toutefois, les fichiers de carte n'ont pas été téléchargées. J'ai toujours le même problème " bloqué sur loading...". une idée plz? avez-vous l'esprit de partage d'un travail d'application?
bien sûr, c'est un live angulaire 2 site que j'ai construit et hébergé sur azure. learnangular2.azurewebsites.net/crisis-center
vous avez une réponse spécifique à : stackoverflow.com/questions/37487046/...

OriginalL'auteur Frank Liu | 2016-02-04

  1. 3

    @Frank,

    utilisation .ts fichier est juste pour la démo et le tutoriel, il est effectivement suggéré de lancer votre site avec .fichier js.

    j'ai un exemple d'application de course qui vous pourriez être en mesure de faire référence à un peu pour voir comment cela fonctionne.

    https://github.com/shrimpy/AspMVCFileUploadSample

    • Asp.net de Base de la version 1.0.0-rc1
    • Angularjs 2

    espère que cela aidera.

    vous êtes de droite. J'ai mis à jour le defaultExtension js et tout est maintenant fonctionner. Thx
    Pourriez-vous partager votre solution, s'il vous plaît? Où avez-vous trouvé ce defaultExtension ?

    OriginalL'auteur Xiaomin Wu

  2. 3

    Voici les étapes que j'ai suivi:

    1. assurez-angulaire 2 app construit et exécute localement
    2. Créer azure web app et obtenir le profil de publication
    3. VS publier l'application par l'importation de la téléchargé le profil de publication
    4. Ouvrir la ligne de commande à partir d'Azur --> Outils --> Kudu (ou Console)
    5. cd à la maison\site\wwwroot
    6. exécuter: npm install
    Cool, mais le lien est mort
    Aucun indice sur la façon dont on le ferait de dire Sublime Texte ou à partir d'atomes ou de Webstorm?
    Ce lien indique nécessaires actions de A à Z stackoverflow.com/questions/37487046/...
    Je pense que c'est la bonne réponse. Vous avez besoin de faire un paquet de restauration dans l'application conteneur de façon à ce qu'il a Angulaires et tout le mécanisme national de prévention des dépendances. Vous pouvez soit le faire par l'ajout de node_modules à votre projet et en l'incluant dans votre déploiement, ou vous pouvez le faire en vous connectant à l'instance après le déploiement et l'exécution npm install dans le répertoire wwwroot. Je pense que la dernière est plus propre.

    OriginalL'auteur user1912383