ng-cli不能将组件添加到应用程序模块。

Question

ng-cli不能将组件添加到应用程序模块。

9

我在使用angular-cli生成组件时遇到了问题，ng-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 {
}

一切看起来都很好。

- zhekaus

@Kinduser 这只是命令行提示符。 - zhekaus

但是在哪里呢？我希望我知道生成器在寻找应用程序模块时基于什么东西... - zhekaus

C:\webProj\EngMe\web_engme - zhekaus

当然，我从这个文件夹运行 ng。否则它根本无法工作。 - zhekaus

@Kinduser 当然，这是链接：https://github.com/zhekaus/ng-generate-problem - zhekaus

2个回答

1

试试这个：

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

- Khemraj

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- zhekaus · Accepted Answer

最后，让我们结束我遇到的问题。非常抱歉，我会详细说明，因为这个问题一直困扰着我。

对于我来说，这可能是ng-cli最新版本中的某种bug或者与相关组件的最新版本不兼容所致。问题的根源在于我将package.json中提到的所有模块更新到了最新的稳定版本。

问题可以被可靠地重现。然而，现在看起来Angular团队已经解决了一些问题，在最新的更新之后，一切都变得很好。我所做的来解决它：

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

好的。