web-dev-qa-db-ja.com

Angular Cliで.angular-cli.jsonファイルを生成する方法は？

Npmを使用してAngular CLIパッケージを個別にインストールしました。

npm install --save-dev @angular/cli@latest

コマンドcliを使用しようとすると、エラーが発生します。

Unable to find any apps in `.angular-cli.json`.

現在のプロジェクトの.angular-cli.jsonを生成する方法は？

angularangular-cli
36
OPV

私は現在のプロジェクトでこの同じエラーを受け取り、1つの端末でアプリケーション/ ngサーバを実行しているため混乱しましたが、別の端末からコンポーネントを生成しようとしたときにこれを取得しました。 。angular-cli.jsonは既に存在し、正しいものでした。それで何が得られますか？

ショートカットを使用してVisualStudio Codeの内部ターミナルを開くことに気付きました。これにより、ターミナルがproject *（ほとんどのIDEと同様）の* rootに開かれました。プロジェクトには、問題の.angular-cli.jsonファイルがあるAngularアプリケーションフォルダーに加えて、他のものが含まれます。正しいフォルダにcdして、ng g cを再度実行するだけで、問題はありませんでした。

私の場合、それは単なる愚かなエラーでした。とてもシンプルなことで頭痛の種を人々から救うために、私は共有に戻ってくると思いました。シヴァは実際にこれについて上記で言及していることがわかりますが、見落とさないようにもう少し詳しく説明すると思いました。

7
Chaos7703

Angular 6では、.angular-cli.jsonがangular.jsonに置き換えられました

Angular <6の場合：

「。angular-cli.json」という名前の新しいファイルを作成し、このファイルをメインディレクトリに追加します。

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "my-app"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}
65
sandip7400

Angularバージョン6 .angular-cli.jsonは 非推奨 であるため。そのファイルは、ワークスペースをサポートするangular.jsonファイルに置き換えられました。

25
iqqmuT

作業しているディレクトリのすぐ外にいます。プロジェクトがあるディレクトリに移動し、コマンドng g c nameを実行します。

7
Shiva shankar

C:\Users\sony\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@schematics\angular\workspace\filesにある同様のエラーが見つかりました

windowsにインストールされているので、Cドライブで検索してみてくださいangular.jsonファイルを表示します

1
arpita malpe

私が知る限り、Angular-cliファイルはPackage-lock fileなどのコマンドを使用して作成することはできません。作成する場合は、手動で行う必要があります。

  1. Ng newと入力して、新しい角度プロジェクトを作成できます

  2. .angular-cli.jsonファイルを見つけます

  3. すべてのコンテンツをコピーする

  4. 元のプロジェクトにフォルダーを作成し、.angular-cli.jsonという名前を付けます

  5. 新しいプロジェクトからコピーしたものを、元のプロジェクトの新しく作成した角度付きcliファイルに貼り付けます。

  6. 作成した角度付きcliファイルでこの行を見つけ、名前フィールドを元のプロジェクトの名前に変更します。 package.jsonファイルでプロジェクト名を見つけることができます

project": {
  "name": "<name of the project>"
},

ただし、新しい角度バージョンでは、angular-cli.jsonの代わりにangle.jsonを使用するようになりました。

0
Don Dilanga

.angular-cli.jsonも見えませんでした。私のAngularバージョンは6です。ngバージョン-> Angular CLI：6.0.7。 Angularバージョンを確認してください。

0
Jaeyong Choi

プロジェクトをコピーして貼り付けた場合、このファイルが見つからない.angular-cli.jsonと同じ名前の新しいファイルを作成してコードを追加すると、機能します。

0
Errabbah Tarik