web-dev-qa-db-fra.com

Exporter Angular de StackBlitz vers local

Je voudrais exporter un projet Angular fait dans StackBlitz et l'exécuter à partir de Angular CLI avec la commande ng servecomme nous le faisons avec un projet Angular créé dans nos machines locales.

angularstackblitz
12
Lorenzo Lerate

Simplement fais-le. Voici où vous devez cliquer:

stackblitz screenshot

8
JB Nizet

Pour résoudre cette erreur: ENOENT: aucun fichier ou répertoire de ce type, stat '/.../projectFolder/tsconfig.app.json'

Après avoir téléchargé le projet depuis StackBlitz, j'ai copié le Zip dans un dossier. Le fichier tsconfig.app.json de mon projet se trouvait dans le dossier src. Pour résoudre l'erreur ci-dessus, j'ai remplacé la propriété "tsConfig": "tsconfig.app.json" avec "tsConfig": "src/tsconfig.app.json" dans mon fichier angular.json. Dans le terminal, j'ai couru npm install dans le répertoire du projet pour installer toutes les dépendances. J'ai ensuite couru ng serve -o pour exécuter le serveur et l'application s'est ouverte avec succès dans mon navigateur.

source: ENOENT: aucun fichier ou répertoire de ce type dans tsconfig.app.json utilisant angular 4?

Edit: La section Building Localally de https://angular.io/start/deployment donne des instructions sur la façon de construire une application StackBlitz localement. Il dit essentiellement d'installer la CLI Angular CLI, créer un nouveau projet, remplacer le dossier/src dans votre nouveau projet par le dossier/src du projet StackBlitz téléchargé et enfin construire le projet.

Cela n'a cependant pas fonctionné pour moi car il a provoqué une erreur de module manquante. Ce qui a fonctionné, c'est de remplacer tous les fichiers du nouveau dossier de projet qui correspondaient aux fichiers du dossier de projet StackBlitz. Courir npm install, npm build --prod, et enfin ng serve -o.

2
HelloWorldPeace

Comme l'ont souligné @ gal007, @ tamo-studio et @ jb-nizet, vous devriez pouvoir simplement télécharger le projet, exécuter npm install et ng serve, mais cela peut ne pas fonctionner pour tous les projets.

Cela devrait fonctionner pour tout projet avec une version Angular version plus récente que la version 6, j'ai essayé avec v7 et cela a fonctionné comme un charme.

Votre message d'erreur dans un commentaire suggère le fichier tsconfig.json est manquant, ce qui vous permet de former un nouveau projet Angular. Pour créer un tel projet, procédez comme suit:

  1. Enregistrement package.json quelle version de Angular votre projet actuel utilise (recherchez @angular/core)
  2. installez la version correspondante de angular-cli, e. g. pour v4 via npm i -g @angular/cli@^4
  3. courir $ ng init dans un répertoire vide
  4. Prendre la tsconfig.json, déplacez-le dans votre projet actuel et effectuez les ajustements nécessaires
  5. Vous pouvez maintenant supprimer le projet créé temporairement

Cela devrait le faire fonctionner. Si cela ne fonctionne toujours pas, regardez StackOverflow pour les messages d'erreur ou commencez une nouvelle question :)

0
wtho

enter image description here

  1. Cliquez sur ce bouton avec la flèche pointant vers le bas
  2. cd dans votre projet cd "nom de votre application"
  3. installation de npm
  4. servir
0
Pato Vargas

Il est vrai que StackBlitz ne génère pas un tel fichier. Mais un fichier tsconfig.json dans un répertoire indique que ce répertoire est la racine d'un projet TypeScript. Ainsi, vous pouvez créer un tel fichier et le laisser vide. Cela m'a permis de compiler depuis le terminal. https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

0
gal007