web-dev-qa-db-fra.com

angular-cli "ng build" ne produit pas un projet qui fonctionne?

(Je suis nouveau sur la planète Angular2 (émigrée de la planète mourante
Flex/Actionscript, alors pardonnez cette question naïve)

Ai-je commis une erreur fatale en pensant qu'après l'exécution de la commande "ng build" sur mon projet à partir de Angular CLi, je me retrouverais avec un projet opérationnel dans le répertoire "dist" - que je pourrais simplement exécuter dans un navigateur un serveur?

Je me retrouve avec un dossier plein de choses correctement nommées, etc. Y at-il une étape qui me manque ici? 

 enter image description here

angularangular-cli
18
No Grabbing

Je suis novice en angulaire et je viens de rencontrer le même problème. Vous pouvez ouvrir et exécuter le fichier Index.html dans le navigateur directement à partir du système de fichiers, mais vous devez modifier le chemin de l'attribut de base href dans Index.html à partir de:

<base href="/">

à:

<base href="./">
50
user6927497

Je pensais que je recouperais ma réponse d'une question similaire. Message d'origine.
Je ne pense pas que le PO est un doublon, alors voici; 

Vous pouvez obtenir le résultat souhaité avec la commande cmd angular-cli suivante:

ng build --base-href /myUrl/

ng build --bh /myUrl/ ou ng build --prod --bh /myUrl/

Cela change le <base href="/"> en <base href="/myUrl/"> dans la version construite seulement, ce qui était parfait pour notre changement d’environnement entre développement et production. La meilleure partie était qu'aucun code de base ne nécessite d'être modifié à l'aide de cette méthode .

Pour résumer, laissez votre index.html base href comme suit: <base href="/">, puis exécutez ng build --bh ./ dans angular-cli pour en faire un chemin relatif ou remplacez le ./ par tout ce dont vous avez besoin.

Ceci est la documentation angular-cli officielle faisant référence à l'utilisation.

7
Zze

Vous devez exécuter ceci dans la CLI:

# This will create a production version in "dist" folder
ng build -prod

# This will create a production version in a custom folder
ng build -prod --output-path=custom
0
Marian Zburlea