2017-01-04 31 views
10

Tôi đang làm việc trên angular2 cho dự án mới của tôi, mới được với công nghệ này. Tôi đã thiết lập dự án của mình với CLI góc (trang tham chiếu https://github.com/angular/angular-cli). Tôi đã tạo 4 thành phần bằng cách sử dụng lệnh ng generate component my-new-component Để kiểm tra mục đích, tạo một ứng dụng thử nghiệm thành phần, cần phải loại bỏ thành phần đó khỏi dự án của tôi. Khác cần phải đổi tên cho thành phần đó. Tôi đã thử một số như thế. ng destroy component app-testing nhưng hiển thị lỗi Lệnh hủy không được Angular-CLI hỗ trợ., Hãy giúp tôi giải pháp. Cảm ơn trước.Làm thế nào để loại bỏ các thành phần được tạo ra với Angular-CLI

+1

chưa được hỗ trợ. bằng tay loại bỏ thư mục – raj

Trả lời

7

Tôi đã gặp vấn đề tương tự và có vẻ như họ đã xóa lệnh hủy khỏi CLI và bạn cần thực hiện thủ công bằng cách xóa hoặc đổi tên các thư mục/tệp và nhập, theo đó thực sự là một nhiệm vụ mất thời gian.

https://github.com/angular/angular-cli/issues/900 https://github.com/angular/angular-cli/issues/1788

+5

sẽ hữu ích để xem chúng thêm vào một lệnh tự động một lần nữa. Toàn bộ các điểm của CLI là làm cho cuộc sống của bạn dễ dàng hơn (thay vì ngăn cản bạn sử dụng các lệnh). – LukeXF

0

tôi đã cố gắng ng loại bỏ thành phần COMP_NAME cũng ng thành phần distroy nhưng nó không phải là chưa được hỗ trợ bởi góc để lựa chọn tốt nhất cho bây giờ là để tự loại bỏ nó từ cấu trúc thư mục.

1

kiểm soát phiên bản là bạn của bạn ở đây, thực hiện diff hoặc tương đương và bạn sẽ thấy nội dung được thêm/sửa đổi.

Thực tế, việc xóa thư mục thành phần có thể không đủ; với Angular-CLI v1.0, lệnh ng generate component my-new-component cũng chỉnh sửa tệp app.module.ts của bạn bằng cách thêm dòng import tương ứng và thành phần vào mảng providers.

-2

Bạn cũng có thể sử dụng uninstall cho thành phần bên thứ 3 mà bạn có thể đã cài đặt. Ví dụ.

npm uninstall --save @angular/animations

hoặc

npm uninstall --save @angular/material

+3

chủ đề là về các thành phần góc, không phải mô-đun nút – messerbill

0

tôi đã cùng một vấn đề, không thể tìm thấy một giải pháp phù hợp vì vậy tôi đã tự xóa thư mục thành phần và sau đó cập nhật các tập tin app.module.ts (đã xóa các tham chiếu đến thành phần đã xóa) và nó đã làm việc cho tôi.

0

Cố gắng gỡ bỏ cài đặt góc và sau đó cài đặt lại

NPM uninstall --save @ góc/(sau đó bất cứ thành phần bạn muốn xóa)

sau đó, một hộp với biên giới Babyblue màu sẽ xuất hiện với gợi ý để cập nhật và cài đặt góc sao lưu.

1

Bạn có thể xóa bất kỳ thành phần nào bằng cách xóa tất cả các dòng của nó khỏi app.module.ts. Làm việc tốt cho tôi.

1

Bạn nên loại bỏ thành phần của bạn bằng tay, có nghĩa là ...

[name].component.ts 
[name].component.html // if you've used templateUrl in your component 
[name].component.spec.ts // if you've created test file 
[name].component.[css or scss] // if you've used styleUrls in your component 

Nếu bạn có tất cả các tập tin trong một thư mục, xóa các thư mục trực tiếp.

Sau đó, bạn cần phải đi đến các mô-đun mà sử dụng thành phần đó và xóa

nhập {[COMPONENT_NAME]} từ ...

và các thành phần trên tờ khai mảng

Đó là tất cả. Hy vọng rằng sẽ giúp

+0

Có, bạn nói đúng. Hiện tại, không có cách nào tốt hơn để loại bỏ thành phần bên cạnh việc xóa thủ công. –

Các vấn đề liên quan