ng-cli nie dodaje składników do modułu aplikacji

Question

Napotkany problem z generowaniem komponentów za pomocą kątowego-cli ng-cli nie dodaje nowego modułu do modułu aplikacji:

$ ng g component Try 
installing component 
    create src\app\try\try.component.css 
    create src\app\try\try.component.html 
    create src\app\try\try.component.spec.ts 
    create src\app\try\try.component.ts 
    update src\app\app.module.ts 
No app module found. Please add your new class to your component. 

Nie przenieśliłem żadnego pliku. Struktura projektu jest domyślna. src\app\app.module.ts istnieje i ma następującą zawartość:

import {BrowserModule} from '@angular/platform-browser'; 
import {NgModule} from '@angular/core'; 
import {FormsModule} from '@angular/forms'; 

import {HttpModule} from '@angular/http'; 
import {RouterModule} from '@angular/router'; 

import {AppComponent} from './app.component'; 
import {ROUTES} from "./app.routes"; 

@NgModule({ 
    imports: [ 
     BrowserModule, 
     FormsModule, 
     HttpModule, 
     RouterModule.forRoot(ROUTES) 
    ], 
    declarations: [ 
     AppComponent 
    ], 

    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 
} 

Wszystko wygląda w porządku.

Answer 1

W końcu zamknijmy mój problem. Bardzo mi przykro, będę gadatliwy, ponieważ ten problem działa mi na nerwy.

Jak dla mnie był to król wad w najnowszej wersji ng-cli lub prawdopodobnie w niekompatybilności z najnowszą wersją powiązanych składników. Źródłem problemu było uaktualnienie wszystkich modułów wymienionych w package.json, aż do najnowszej stabilnej wersji.

Problem był pewnie odtwarzalny. Wygląda jednak na to, że Angular Team rozwiązał coś, a po ostatniej aktualizacji wszystko stało się w porządku. Co zrobiłem go rozwiązać:

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


# let’s update all the local again packages to the latest ones with this funny utility: 
npm install -g npm-check-updates 
ncu -u -a --packageFile package.json 
rm -rf node_modules 
npm install 

Teraz mam następujące wersje i wszystko działa:

"devDependencies": { 
    "@angular/cli": "^1.0.0-beta.31", 
    "@angular/compiler-cli": "^2.4.7", 
    "@types/jasmine": "2.5.42", 
    "@types/node": "^7.0.5", 
    "angular2-template-loader": "^0.6.2", 
    "bootstrap": "^4.0.0-alpha.6", 
    "codelyzer": "~2.0.0", 
    "css-loader": "^0.26.1", 
    "css-to-string-loader": "^0.1.2", 
    "file-loader": "^0.10.0", 
    "html-loader": "^0.4.4", 
    "html-webpack-plugin": "^2.28.0", 
    "jasmine-core": "2.5.2", 
    "jasmine-spec-reporter": "3.2.0", 
    "karma": "1.4.1", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.1.0", 
    "karma-remap-istanbul": "^0.6.0", 
    "protractor": "~5.1.1", 
    "pug-html-loader": "^1.1.0", 
    "pug-loader": "^2.3.0", 
    "raw-loader": "^0.5.1", 
    "stylus": "^0.54.5", 
    "stylus-loader": "^2.4.0", 
    "ts-loader": "^2.0.0", 
    "ts-node": "2.1.0", 
    "tslint": "^4.4.2", 
    "typescript": "~2.1.6", 
    "typings": "^2.1.0", 
    "url-loader": "^0.5.7", 
    "webpack": "^2.2.1", 
    "webpack-dev-server": "^2.3.0" 
    } 

Spróbujmy jeszcze raz:

$ ng generate component NewOne 
installing component 
    create src\app\new-one\new-one.component.css 
    create src\app\new-one\new-one.component.html 
    create src\app\new-one\new-one.component.spec.ts 
    create src\app\new-one\new-one.component.ts 
    update src\app\app.module.ts 

Fine.

Answer 2

Spróbuj tego:

ng generate component menu(Component name) --module=app(root app module).module