エラー:ローカルワークスペースファイル( 'angular.json')が見つかりませんでした


189

私がしているtravis-ci私のGitHubのアカウント(と統合https://github.com/pradeep0601/Angular5-Router-App)。

@angular/cli1.7.4から6.0.0-rc.3にバージョンを更新すると、ビルドがエラーで失敗し始めました。

Local workspace file ('angular.json') could not be found.
Error: Local workspace file ('angular.json') could not be found.
    at WorkspaceLoader._getProjectWorkspaceFilePath (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:37:19)
    at WorkspaceLoader.loadWorkspace (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:24:21)
    at TestCommand._loadWorkspaceAndArchitect (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:177:32)
    at TestCommand.<anonymous> (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:45:25)
    at Generator.next (<anonymous>)
    at /home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:7:71
    at new Promise (<anonymous>)
    at __awaiter (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:3:12)
    at TestCommand.initialize (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:44:16)
    at /home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/command-runner.js:100:23

実行環境をよりよく理解するためのpackage.jsonスニペット:

    "@angular/cli": "6.0.0-rc.3",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",

私は同じ問題に直面しました、そしてそれは愚かなことでした、これはビジュアルスタジオコードからターミナルを使用するときに発生し、WindowsのデフォルトCLIに切り替えるときに動作します!
Gilles Kagarama

回答:


319

私は同じ問題を抱えていました。

これはリリースv6.0.0-rc.2、https://github.com/angular/angular-cli/releasesに関連しています

新しい構成フォーマット。新しいファイルはangular.jsonにあります(ただし、.angular.jsonも受け入れられます)。CLI 1.7プロジェクトでng updateを実行すると、新しい構成に移動します。

私は実行する必要がありました:

ng update @angular/cli --migrate-only --from=1.7.4

これを削除.angular-cli.jsonして作成しましたangular.json

これが1.7.4を使用するプロジェクトにつながる場合は、v6をローカルにインストールします。

npm install --save-dev @angular/cli@v6.0.0-rc.4

そして、もう一度プロジェクトを更新してみてください:

ng update @angular/cli --migrate-only --from=1.7.4

4
実行ng update @angular/cli --migrate-only --from=1.7.4するとエラーが発生します:Collection "@schematics/angular/migrations/migration-collection.json" cannot be resolved.。それを修正する方法はありますか?
GO VEGAN

1
「不明なオプション: '--extractCss'」も取得しています
Mohammed Barakat

8
npmとnodejsのバージョンが最新であることを確認してください。最新でないと、失敗する可能性があります。ng update @angular/cli必要なのはこれだけです
rtaft

1
@ user1932595このエラーを回避するには@schematics/angular、最新バージョンにアップグレードする必要がありました。
bygrace

2
上記の短いメモ。.angula-cli.jsonの削除は、ng updateコマンドを2回実行するまで発生しませんでした。
87のAggie Jon、

78

同じエラーメッセージが表示されました。それは私の最後の愚かな間違いでした、私はng serve私のAngularプロジェクトがあるディレクトリで実行していませんでした。このコマンドを実行する前に、正しいディレクトリ(プロジェクトディレクトリ)にいることを確認してください。


3
おお、それはクレイジーだ:))私にとっても多くの複雑なトラブルシューティングを救ったおかげで!時には、解決策は非常に簡単です
msanjay

同じ間違いをしていた
Faizan Mubasher

私も同じことをしました。プロジェクトに役立つディレクトリを作成し、そのディレクトリの中に別のディレクトリを作成します(自分を平手打ちします)
Jonathan

ie ng new my-app、cd my-app(このコメントは先に見ましたが、トップレベルのコメントだと思いました)
tony

あなたが私の日を救ったのと同じ間違いをしていた、ありがとう
アーメド・エルシェミー

36

最近のバージョンで--migrate-onlyは、リポジトリを更新していません。

私はなかったアップデートをngの

Angular CLIの構成形式が変更されました。次のコマンドを実行すると、既存の構成を自動的に更新できます。

ng update @angular/cli
            Updating karma configuration
            Updating configuration
            Removing old config file (.angular-cli.json)
            Writing config file (angular.json)
            Some configuration options have been changed, please make sure to update any npm scripts which you may have modified.
DELETE .angular-cli.json
CREATE angular.json (3684 bytes)
UPDATE karma.conf.js (1040 bytes)
UPDATE src/tsconfig.spec.json (322 bytes)
UPDATE package.json (1340 bytes)
UPDATE tslint.json (3140 bytes)

私が取得Incompatible peer dependencies found. See above.
サイモンBaars

予期しないエラーが発生しました。パッケージ@ angular / flex-layoutにバージョンnullがありません。
Prageeth godage

20

私のangular cliバージョンを更新するとすぐに、同じ問題に直面しました。

以前は1.7.4を使用していましたが、今はにアップグレードしましたangular cli 6.0.8

Angular Cliグローバルを更新するには:

npm uninstall -g angular-cli
npm cache clean 
npm install -g @angular/cli@latest

Angular Cli devを更新するには:

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

npmのインストール後に監査の問題を修正するには:

npm audit fix

「angular.json」に関連する問題を修正するには:

ng update @angular/cli --migrate-only --from=1.7.4

17

Angular CLIの古いバージョンをアンインストールし、Angular CLIグローバルをインストールします。

Angular CLIグローバルパッケージを次のバージョン "@ angular / compiler-cli"に更新します: "^ 6.0.0"

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@next

次のコマンドを実行して、新しいプロジェクトとデフォルトのアプリケーションを生成します。

ng new my-project
cd my-project
ng serve

7
cli @ nextを使用しないでください。cli@ latestを使用しないと、ベータ版を入手できます。
切り替え

9

以下のコマンドを使用してみてください:

ng update @angular/cli --migrate-only --from=1.7.4

以下を実行します

  • カルマ構成の更新

  • 構成の更新

  • 古い構成ファイル(.angular-cli.json)の削除

  • 設定ファイル(angular.json)の書き込み

上記のコマンドは、ファイルがあるフォルダで実行する必要があることに注意してください。angular-cli.jsonそして、それは次に置き換えられangular.jsonます。


コマンドを数回実行しましたが、angular.jsonファイルは表示されません。ただし、angular-cli.jsonファイルを削除してコマンドを実行すると、angular-cli.jsonファイルが再び追加されます。ここで何が欠けていますか?
jgritten 2018

8

バージョンがわからない場合は、現在のプロジェクトが作成されているため、省略できます --fromコマンドを、--migrate-only

ng update @ angular / cli --migrate-only


7

あらゆる種類のコマンドーを更新してもうまくいかない場合。package-lock.jsonを削除してみてください。そしてnpm installを実行します。大量のアップデートコマンドを経験した後、私にとってトリックはありましたか?


このアプローチをデフォルトにしないで(node_modulesフォルダーとpackage-lock.jsonを削除する)、npm installを実行する理由は何ですか?
Wallace Howery

4

わたしにはできる:

フォルダを削除 node_modules

コマンドを実行: npm install

(初めて動作しない場合は、これを2〜3回繰り返します。おかしいですが、動作します。)


4
このプロセスを繰り返すと、最初とは異なる効果が得られるのはなぜですか?
2018

3

コマンドを実行しているフォルダー構造を確認します。構造内にangular.jsonファイルがあるはずの場所でコマンド 'ng serve'を実行する必要があります。

angular.jsonファイルは、コマンドを実行するとデフォルトで生成されます

npm install -g '@ angular / cli' ng new Project_name次にcd project_folder、次にng serveを実行します。それは私のために働いた


3

コンソールで実行 ng update @angular/cliするだけです。コマンドを実行した後(npmを使用している場合)いくつかの脆弱性を見つける可能性がありますが、コンソールで実行npm audit fixするだけで修正できます。このコマンドはプロジェクトの脆弱性をスキャンし、これらの依存関係の更新をインストールすることで互換性の問題を修正します。あなたはこれらの脆弱性、すぐに自動修正したくない場合は、実行することができドライランを:実行している npm audit fix --dry-run -jsonコンソールに。これnpm audit fixにより、コンソールでのjsonの形式で、コマンドが何を実行するかがわかります。


3

私は同じ問題を抱えていました、そして私のために私がうまくいったことは:

  1. package.jsonファイル内で、Angular CLIのバージョンを希望のバージョンに更新します。

    "devDependencies": { ...
      "@angular/cli": "^6.0.8",
      ...
    }
    
  2. node_modules依存関係を更新する前にプロジェクトをクリーンアップするには、フォルダーを削除します。

    npm install
    
    ng update @angular/cli
    
  3. プロジェクトをもう一度ビルドしてみてください(最後の成功した試み)

    ng build --prod
    

2

私にとってうまくいったのは、新しい Angularプロジェクトを作成し、angular.jsonファイルが欠落しているために問題があったプロジェクトにangular.jsonファイルをコピーしただけでし


1

私にとっての問題は、グローバルな@ angular / cliバージョンと@ angular / compiler-cliが異なるためでした。見てpackage.json

...
"@angular/cli": "6.0.0-rc.3",
"@angular/compiler-cli": "^5.2.0",
...

そして、それらが一致しない場合は、そのうちの1つを更新またはダウングレードします。


1

私も同じ問題に直面し、コマンドの下で実行しました。

ng update @ angular / cli --migrate-only --from = 1.6.4

削除angular-cli.jsonして作成するだけですangular.json。これはログで確認できます。

実行を開始すると。端末で以下のログを確認できます。

        Updating karma configuration
        Updating configuration
        Removing old config file (.angular-cli.json)
        Writing config file (angular.json)
        Some configuration options have been changed, please make sure to update any                                     
        npm scripts which you may have modified.
        DELETE .angular-cli.json
        CREATE angular.json (3599 bytes)
        UPDATE karma.conf.js (962 bytes)
        UPDATE src/tsconfig.spec.json (324 bytes)
        UPDATE package.json (1405 bytes)
        UPDATE tsconfig.json (407 bytes)
        UPDATE tslint.json (3026 bytes)


0

私にとっての問題は、Railsプロジェクトフォルダー内にAngularプロジェクトフォルダーがあり、実際のAngularフォルダーではなくRails親フォルダーですべてのAngular更新コマンドを実行したことです。


0

Dockerコンテナー内にこのエラーメッセージがありました。私はそれを追加して解決しました:

WORKDIR /usr/src

Dockerfileに。


0

同じ問題があり、プロジェクトにpackage.jsonがないことがわかりました(package-lock.jsonのみ)。そして私は・・・それから私は

  1. ソース管理からpackage.jsonを復元しました
  2. グローバルとローカルのAngular-CLIバージョンをアンインストールしました(説明のとおり)
  3. 標準のアップグレード手順に従いました

..そしてすべてがうまくいきました。それを理解するのにしばらくかかりましたが、それは私のためにそれをしました。


0
~/Desktop $ ng serve

ローカルワークスペースファイル( 'angular.json')が見つかりませんでした。

エラー:ローカルワークスペースファイル( 'angular.json')が見つかりませんでした。

at WorkspaceLoader._getProjectWorkspaceFilePath (/usr/lib/node_modules/@angular/cli/models/workspace-loader.js:37:19)
at WorkspaceLoader.loadWorkspace (/usr/lib/node_modules/@angular/cli/models/workspace-loader.js:24:21)
at ServeCommand._loadWorkspaceAndArchitect (/usr/lib/node_modules/@angular/cli/models/architect-command.js:180:32)
at ServeCommand.<anonymous> (/usr/lib/node_modules/@angular/cli/models/architect-command.js:47:25)
at Generator.next (<anonymous>)
at /usr/lib/node_modules/@angular/cli/models/architect-command.js:7:71
at new Promise (<anonymous>)
at __awaiter (/usr/lib/node_modules/@angular/cli/models/architect-command.js:3:12)
at ServeCommand.initialize (/usr/lib/node_modules/@angular/cli/models/architect-command.js:46:16)
at Object.<anonymous> (/usr/lib/node_modules/@angular/cli/models/command-runner.js:87:23)

これは、Angularプロジェクトディレクトリを選択していないためです。

それは次のようになります:

〜/ Desktop / angularproject $ ng serve


0

Ionic 4アプリをPWAとして実行するように設定しようとしました。コマンドを実行すると:

ng add @angular/pwa

...エラーメッセージを取得しました。何度か試行錯誤した結果、プロジェクトが作成されたときに開始コマンドが間違っていることがわかりました。私はIonic 3バージョンを使用していました:

ionic start myApp tabs --type=ionic-angular

そして正しいのは:

ionic start myApp tabs --type=angular

タイプに「ionic-」はありません。これでエラーが解決しました。


0

ディレクトリを確認するだけで、プロジェクトを作成したのと同じディレクトリで「ng serve」を実行する必要があります。

したがって、最初にプロジェクトディレクトリに入力します。


0

プロジェクトを複製して実行しようとしただけの人は、npm install最初に実行する必要があります。これを実行するのを完全に忘れて、ng serveノードモジュールをインストールする前に単に実行していました。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.