打破Angular-CLI 1.0.0中的更改

时间:2017-03-29 23:08:52

标签: angular angular-cli

我今天将我的全局Angular-CLI更新为1.0.0,并尝试运行我一直在研究的项目,我得到了这个:

The "@angular/compiler-cli" package was not properly installed.
Error: The "@angular/compiler-cli" package was not properly installed.
    at Object.<anonymous> (/usr/local/lib/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/index.js:14:11)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/usr/local/lib/node_modules/@angular/cli/tasks/eject.js:10:19)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)

我决定尝试升级我的Angular-CLI的本地版本可以解决这个问题,但是后来我从新的CLI版本中明显破坏了一些错误。其中大部分是项目特定的:

ERROR in /Users/bradley/Work/dashboard/dashboard/lib/layout/navbar/pg-dash-navbar.module.ts (3,10): Module '"/Users/bradley/Work/dashboard/dashboard/node_modules/ng2-bootstrap/index"' has no exported member 'DropdownModule'.

ERROR in /Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/chart-test2/chart-test2-title-bottom/chart-test2-title-bottom.component.ts (3,10): Module '"/Users/bradley/Work/dashboard/dashboard/node_modules/ng2-bootstrap/index"' has no exported member 'DropdownModule'.

ERROR in /Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/chart-test2/chart-test2.module.ts (7,10): Module '"/Users/bradley/Work/dashboard/dashboard/node_modules/ng2-bootstrap/index"' has no exported member 'DropdownModule'.

ERROR in /Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/chart-test1/index.ts (1,15): Cannot find module './chart-test1-widget.component'.
/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/chart-test1/index.ts (2,15): Cannot find module './chart-test1-edit-widget.component'.

ERROR in /Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/chart-test2/index.ts (1,15): Cannot find module './chart-test2-widget.component'.
/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/chart-test2/index.ts (2,15): Cannot find module './chart-test2-edit-widget.component'.

ERROR in /Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/data-table1/index.ts (1,15): Cannot find module './data-table1-widget.component'.
/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/data-table1/index.ts (2,15): Cannot find module './data-table1-edit-widget.component'.

ERROR in /Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/map/index.ts (1,15): Cannot find module './map-widget.component'.
/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/map/index.ts (2,15): Cannot find module './map-edit-widget.component'.

ERROR in /Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/news/index.ts (1,15): Cannot find module './news-widget.component'.
/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/news/index.ts (2,15): Cannot find module './news-edit-widget.component'.

ERROR in ./src/demo-app/widgets/map/map-widget/leaflet@1.0.3.css
Module not found: Error: Can't resolve './images/layers.png' in '/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/map/map-widget'
 @ ./src/demo-app/widgets/map/map-widget/leaflet@1.0.3.css 6:7520-7550
 @ ./src/demo-app/widgets/map/map-widget/map-widget.component.ts
 @ ./src/demo-app/widgets/map/map.module.ts
 @ ./src/demo-app/core/demo-core.module.ts
 @ ./src/demo-app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

ERROR in ./src/demo-app/widgets/map/map-widget/leaflet@1.0.3.css
Module not found: Error: Can't resolve './images/layers-2x.png' in '/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/map/map-widget'
 @ ./src/demo-app/widgets/map/map-widget/leaflet@1.0.3.css 6:7674-7707
 @ ./src/demo-app/widgets/map/map-widget/map-widget.component.ts
 @ ./src/demo-app/widgets/map/map.module.ts
 @ ./src/demo-app/core/demo-core.module.ts
 @ ./src/demo-app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

ERROR in ./src/demo-app/widgets/map/map-widget/leaflet@1.0.3.css
Module not found: Error: Can't resolve './images/marker-icon.png' in '/Users/bradley/Work/dashboard/dashboard/src/demo-app/widgets/map/map-widget'
 @ ./src/demo-app/widgets/map/map-widget/leaflet@1.0.3.css 6:8648-8683
 @ ./src/demo-app/widgets/map/map-widget/map-widget.component.ts
 @ ./src/demo-app/widgets/map/map.module.ts
 @ ./src/demo-app/core/demo-core.module.ts
 @ ./src/demo-app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

我本可以尝试修复错误,但后来我不确定我的同事是否能够在没有升级的情况下运行我的项目。所以我试图通过以下方式恢复到旧版本:

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@1.0.0-beta.28.3

但是当我运行任何ng命令时,我得到:

Error: Cannot find module 'command'
    at Function.Module._resolveFilename (module.js:470:15)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/usr/local/lib/node_modules/@angular/cli/ember-cli/lib/models/project.js:17:26)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)

回到最新版本的Angular-CLI修复了这个,但后来我回到了我的项目的那堆错误,我不确定修复是否会导致旧版Angular的问题 - CLI。

我真的被困在这里了。想想我必须从头开始。喜欢卸载Node吗?我该怎么办?

1 个答案:

答案 0 :(得分:1)

尝试再次执行迁移指南here并确保将Node.js更新为6.9.0或更高版本。