Cách tạo tệp .angular-cli.json trong Angular Cli?

Question

Tôi đã cài đặt gói CLI góc riêng sử dụng NPM:

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

Khi tôi cố gắng sử dụng các lệnh cli tôi nhận được một lỗi:

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

Làm thế nào để tạo ra .angular-cli.json cho dự án hiện tại?

Answer 1

Tôi gặp lỗi này trong dự án hiện tại của mình và bị nhầm lẫn vì tôi đang chạy ứng dụng/ng phục vụ trong một thiết bị đầu cuối, nhưng nhận được điều này khi tôi cố gắng tạo một thành phần từ một thiết bị đầu cuối khác. .angular-cli.json đã có sẵn và chính xác. Vì vậy, những gì cho?

Tôi nhận ra rằng tôi đã sử dụng phím tắt để mở thiết bị đầu cuối nội bộ của VisualStudio Code - đã mở đầu cuối tới * gốc của dự án * (giống như hầu hết các IDE). Dự án có chứa những thứ khác ngoài thư mục ứng dụng Góc có tệp .angular-cli.json được đề cập. Tôi chỉ cần cd vào thư mục bên phải và chạy ng g c một lần nữa và mọi thứ đều ổn.

Trong trường hợp của tôi, đó chỉ là lỗi ngớ ngẩn. Tôi nghĩ tôi sẽ trở lại để chia sẻ để cứu mọi người một cơn đau đầu thực sự cho một cái gì đó rất đơn giản. Tôi thấy rằng Shiva thực sự đã đề cập đến điều này ở trên, nhưng tôi nghĩ rằng tôi sẽ cung cấp cho một chi tiết hơn một chút để nó không bị bỏ qua.

Answer 2

Tạo tệp mới có tên '.angular-cli.json' và thêm tệp này vào thư mục chính của bạn.

{ 
    "$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": {} 
    } 
} 

Answer 3

Bạn đang ở ngay bên ngoài thư mục mà bạn đang làm việc. Nhập vào thư mục mà dự án của bạn đang ở đó và chạy lệnh "ng g c name".

Answer 4

Nếu bạn sao chép dán dự án của mình, .angular-cli.json bạn không tìm thấy tệp này cố gắng tạo tệp mới có cùng tên và thêm mã và nó sẽ hoạt động.