एनजी-CLI अनुप्रयोग मॉड्यूल

Question

मैं एक घटक पीढ़ी anglular-CLI एनजी-CLI का उपयोग करके ऐप मॉड्यूल के लिए नया बनाया घटक नहीं जोड़ता है के साथ एक समस्या का सामना किया है करने के लिए घटक नहीं जोड़ता है:

$ 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. 

मैंने किसी भी फ़ाइल को स्थानांतरित नहीं किया। परियोजना संरचना डिफ़ॉल्ट है। src\app\app.module.ts मौजूद है और निम्नलिखित सामग्री है:

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 { 
} 

सब कुछ ठीक तरह दिखता है।

Answer 1

तो, आखिरकार, चलो मेरा मुद्दा बंद करें। मुझे बहुत खेद है, मैं वर्बोज़ बनूंगा, क्योंकि यह समस्या मेरी नसों को बना रही है।

मेरे लिए, यह एनजी-क्ली के नवीनतम संस्करण में या शायद संबंधित घटकों के नवीनतम संस्करण के साथ इसकी असंगतता में बग का कुछ राजा था। समस्या का स्रोत नवीनतम स्थिर संस्करण तक package.json में उल्लिखित सभी मॉड्यूल के अपडेट में था।

समस्या आत्मविश्वास से पुन: उत्पन्न हुई थी। हालांकि अब तक ऐसा लगता है कि एंगुलर टीम ने कुछ हल किया है और, अंतिम अद्यतन के बाद, सब कुछ ठीक हो गया है। मैं क्या इसे हल करने:

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 

अब मैं निम्नलिखित संस्करण है और सब कुछ काम कर रहा है:

"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" 
    } 

फिर से कोशिश करते:

$ 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 

ठीक।

Answer 2

इस प्रयास करें:

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