Conversion d'un projet angular 2 existant pour utiliser angular CLI

Question

J'ai un projet qui n'a pas été créé en utilisant ng new (j'ai plutôt suivi le démarrage rapide guide). Lorsque je lance une commande angular CLI dans ce projet (telle que ng generate ) Je reçois ce message d'erreur :

Vous devez être dans un projet angular-cli pour pouvoir utiliser la commande generate.

Existe-t-il un moyen de transformer mon projet existant en un projet angular-cli ? (Je voulais essayer de l'utiliser parce qu'apparemment il fonctionne automatiquement autour de un problème avec les importations de barils et SystemJS .)

Answer 1

Vous devriez être en mesure d'exécuter ng init et suivez les instructions. Jetez un coup d'œil à ce numéro si vous avez besoin de conseils : https://github.com/angular/angular-cli/issues/755

Edit (13 mars 2017) :

ng-init a été supprimé de la dernière version de la clique angulaire. https://github.com/angular/angular-cli/pull/4628

Donc pour l'instant, vous devrez imiter ce qu'il a essayé d'accomplir. C'est-à-dire :

1. Créer un nouveau projet angulaire ng new myTemplate

2. Copiez les fichiers pertinents dans votre projet existant à partir de votre nouveau projet myTemplate :

   .angular-cli.json package.json tslint.json src/polyfills.ts src/styles.css src/tsconfig.json

En fonction de l'état de votre application existante, vous pouvez vouloir copier beaucoup plus ou beaucoup moins. Je suppose que c'est la raison pour laquelle cette fonctionnalité a été supprimée de l'interface CLI. Il n'y a pas vraiment de moyen pour elle de savoir exactement ce que vous voulez qu'elle fasse.

Answer 2

ng init a été supprimé . Ce qui a fonctionné pour moi, c'est de créer manuellement un .angular-cli.json dans le dossier Root avec les clés suivantes :

 {
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "project": {
      "version": "1.0.0",
      "name": "new-cli"
    },
    "apps": [
      {
        "root": "src",
        "outDir": "dist",
        "assets": [
          "assets"
        ],
        "index": "index.html",
        "main": "main.ts",
        "polyfills": "polyfills.ts",

        "prefix": "app",
        "scripts": [],
        "environmentSource": "environments/environment.ts"
      }
    ]
  }

Vous devrez modifier les valeurs en fonction de votre configuration, bien entendu.

Answer 3

Ng init a été supprimé de la dernière version du CLI d'angular mais vous pouvez utiliser gestionnaire de paquets yarn pour résoudre toutes les dépendances. Afin d'utiliser fils vous devez d'abord l'installer.

Pour installer yarn dans Ubuntu, entrez la commande suivante dans votre terminal :

sudo apt-get update && sudo apt-get install yarn

Pour Windows, vous pouvez télécharger le programme d'installation de fil à partir de aquí .

Après avoir installé yarn, vous pouvez exécuter la commande installation de yarn dans la direction de votre projet qui téléchargera toutes les dépendances de votre projet.

Pour plus d'informations sur le fil vérifier les documents officiels

Answer 4

Essayez la solution ci-dessous, elle peut peut-être vous aider.

1. Exécutez cette commande sur le dossier racine npm install -g angular-cli
2. Créez un nouveau dossier pour votre projet ng new project_folder_name
3. Entrez dans ce dossier cd project_folder_name
4. Exécutez le projet par cette commande ng serve (Note : Maintenant, sur localhost:4200, le projet de démonstration sera exécuté)
5. Copiez le src de votre projet existant et remplacez-le par le fichier src de votre projet nouvellement créé à partir de le dossier racine du projet uniquement .

Copiez tout ce qui se trouve dans le package.json du projet existant. Exécutez à nouveau npm install. Si cela ne fonctionne pas, il faut probablement modifier la configuration de webpack.