我有一个最初使用Angular cli版本的项目:1.0.4
我使用:
创建一个新组件ng g c component1 --flat
这在app.module.ts中注册正常:
import { Component1Component } from './component1.component';
但我随后将项目升级为Angular cli版本:1.4.3。
然后我尝试使用以下方法制作第二个组件:
ng g c component2 --flat
它创建组件很好但是cli弄乱了我的app.module.ts:
import { Component1Component } from './component1.componen;
import { Component2Component } from './component2.component't';
删除前一个组件的最后一个“t”并在新组件上添加“t”? 有没有人见过这个?
EDIT。 下面是我的package.json文件,在升级到Angular cli 1.4.3
之前{
"name": "my-app",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"ng": "ng",
"start": "ng serve",
"test": "ng test",
"pree2e": "webdriver-manager update --standalone false --gecko false",
"e2e": "protractor"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.2.6",
"@angular/common": "^4.0.3",
"@angular/compiler": "^4.0.3",
"@angular/core": "^4.0.3",
"@angular/forms": "^4.0.3",
"@angular/http": "^4.0.3",
"@angular/platform-browser": "^4.0.3",
"@angular/platform-browser-dynamic": "^4.0.3",
"@angular/router": "^4.0.3",
"@types/quill": "0.0.29",
"angular2-csv": "^0.2.1",
"angular2-json2csv": "^1.1.2",
"angular2-moment": "^1.3.3",
"chart.js": "^2.6.0",
"core-js": "^2.4.1",
"mydatepicker": "^1.9.11",
"primeng": "^4.0.3",
"quill": "^1.2.6",
"rxjs": "^5.0.1",
"ts-helpers": "^1.1.1",
"zone.js": "^0.8.9"
},
"devDependencies": {
"@angular/cli": "^1.0.4",
"@angular/compiler-cli": "^4.0.3",
"@types/jasmine": "^2.5.47",
"@types/node": "^7.0.13",
"angular": "^1.6.5",
"codelyzer": "^3.0.0",
"jasmine-core": "^2.6.0",
"jasmine-spec-reporter": "^4.0.0",
"karma": "^1.6.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.6.0",
"ngx-color-picker": "^4.2.1",
"protractor": "^5.1.1",
"ts-node": "^3.0.2",
"tslint": "^5.1.0",
"typescript": "^2.2.2"
}
}
这是升级后的我的package.json:
{
"name": "my-app",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"ng": "ng",
"start": "ng serve",
"test": "ng test",
"pree2e": "webdriver-manager update --standalone false --gecko false",
"e2e": "protractor"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.2.6",
"@angular/common": "^4.4.3",
"@angular/compiler": "^4.0.3",
"@angular/core": "^4.0.3",
"@angular/forms": "^4.0.3",
"@angular/http": "^4.0.3",
"@angular/platform-browser": "^4.0.3",
"@angular/platform-browser-dynamic": "^4.0.3",
"@angular/router": "^4.0.3",
"@ngx-translate/core": "^8.0.0",
"@ngx-translate/http-loader": "^2.0.0",
"@types/quill": "0.0.29",
"angular2-csv": "^0.2.1",
"angular2-json2csv": "^1.1.2",
"angular2-moment": "^1.3.3",
"chart.js": "^2.6.0",
"core-js": "^2.4.1",
"mydatepicker": "^1.9.11",
"primeng": "^4.0.3",
"quill": "^1.2.6",
"rxjs": "^5.0.1",
"ts-helpers": "^1.1.1",
"zone.js": "^0.8.9"
},
"devDependencies": {
"@angular/cli": "^1.4.4",
"@angular/compiler-cli": "^4.0.3",
"@types/jasmine": "^2.5.47",
"@types/node": "^7.0.13",
"angular": "^1.6.5",
"codelyzer": "^3.0.0",
"jasmine-core": "^2.6.0",
"jasmine-spec-reporter": "^4.0.0",
"karma": "^1.6.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.6.0",
"ngx-color-picker": "^4.2.1",
"protractor": "^5.1.1",
"ts-node": "^3.0.2",
"tslint": "^5.1.0",
"typescript": "^2.5.3"
}
}