angular2升级angular6 过程遇到的问题

错误1

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve '@angular/core' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 10:0-24

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve '@angular/common' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 11:0-26

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve '@angular/forms' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 12:0-25

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve '@angular/http' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 13:0-24

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve '@angular/router' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 14:0-26

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve '@angularclass/hmr' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 16:0-28

ERROR in ./src/main.browser.ts
Module not found: Error: Can't resolve '@angularclass/hmr' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/main.browser.ts 7:12-40

ERROR in ./src/polyfills.browser.ts
Module not found: Error: Can't resolve 'zone.js/dist/zone' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/polyfills.browser.ts 27:0-28

ERROR in ./src/polyfills.browser.ts
Module not found: Error: Can't resolve 'zone.js/dist/long-stack-trace-zone' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/polyfills.browser.ts 35:4-49

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve 'rxjs/add/operator/map' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 18:0-32

ERROR in ./src/vendor.browser.ts
Module not found: Error: Can't resolve 'rxjs/add/operator/mergeMap' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src'
 @ ./src/vendor.browser.ts 19:0-37

ERROR in ./src/app/environment.ts
Module not found: Error: Can't resolve '@angular/core' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src\app'
 @ ./src/app/environment.ts 5:13-37
 @ ./src/main.browser.ts

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@angular/core' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src\app'
 @ ./src/app/app.module.ts 2:13-37
 @ ./src/app/index.ts
 @ ./src/main.browser.ts

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@angular/forms' in 'E:\mya4p\gtLbA4p\angular2-webpack-starter\src\app'
 @ ./src/app/app.module.ts 4:14-39
 @ ./src/app/index.ts
 @ ./src/main.browser.ts
ERROR in [default] 
Cannot find type definition file for 'hammerjs'.

ERROR in [default] 
Cannot find type definition file for 'jasmine'.

ERROR in [default] 
Cannot find type definition file for 'node'.

ERROR in [default] 
Cannot find type definition file for 'protractor'.

ERROR in [default] 
Cannot find type definition file for 'selenium-webdriver'.

解决方法

npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

其实在升级过程中除此之外还遇到好多问题,最后我还是卸载了以钱的angular/cli,重新装了6.0版本的cli然后来重新构建项目用到的依赖。
在我引入UI框架ng-zorro-antd时候又报一堆错误:
错误2

ERROR in ./node_modules/ng-zorro-antd/src/ng-zorro-antd.less (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/less-loader/dist/cjs.js??ref--15-3!./node_modules/ng-zorro-antd/src/ng-zorro-antd.less)
Module build failed:

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
      in E:\projects\my-project\node_modules\ng-zorro-antd\src\style\color\bezierEasing.less (line 110, column 0)

解决方法
由于@angular/cli 6.0版本构建时下载的是less3.0,但是less3.0暂不支持javascriptEnabled 选项,所以你要降级到less2.7版本
错误3

ERROR in node_modules/@angular/cdk/overlay/typings/overlay-ref.d.ts(11,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/cdk/overlay/typings/overlay-ref.d.ts(12,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Subject"' has no exported member 'Subject'.
node_modules/@angular/cdk/overlay/typings/position/connected-position-strategy.d.ts(12,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/cdk/scrolling/typings/scroll-dispatcher.d.ts(10,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/cdk/scrolling/typings/scroll-dispatcher.d.ts(11,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/cdk/scrolling/typings/scrollable.d.ts(9,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/cdk/scrolling/typings/viewport-ruler.d.ts(10,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/ng-zorro-antd/src/anchor/nz-anchor.component.d.ts(2,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/ng-zorro-antd/src/auto-complete/nz-autocomplete.component.d.ts(2,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/ng-zorro-antd/src/carousel/nz-carousel.component.d.ts(2,10): error TS2305: Module '"E:/projects/my-project/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.

解决方法
应该运行 npm install --save rxjs-compat@6.0 详见 https://github.com/NG-ZORRO/ng-zorro-antd/issues/1442
rxjs-compat 用于兼容 rxjs 5.x
错误4

npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\ng
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall open
npm ERR! Error: EPERM: operation not permitted, open 'C:\Users\Administrator\AppData\Roaming\npm\ng'
npm ERR!  { Error: EPERM: operation not permitted, open 'C:\Users\Administrator\AppData\Roaming\npm\ng'
npm ERR!   cause:
npm ERR!    { Error: EPERM: operation not permitted, open 'C:\Users\Administrator\AppData\Roaming\npm\ng'
npm ERR!      errno: -4048,
npm ERR!      code: 'EPERM',
npm ERR!      syscall: 'open',
npm ERR!      path: 'C:\\Users\\Administrator\\AppData\\Roaming\\npm\\ng' },
npm ERR!   stack: 'Error: EPERM: operation not permitted, open \'C:\\Users\\Administrator\\AppData\\Roaming\\npm\\ng\'',
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'open',
npm ERR!   path: 'C:\\Users\\Administrator\\AppData\\Roaming\\npm\\ng' }

这个错误是在下载angular/cli时出现的
解决方法是
以管理员身份运行还是不可以解决,最后加了参数就OK了
npm install -g @angular/cli -no-optiona

最后给同样在升级过程中遇到问题的你一条建议,一定要在升级某个技术版本的时候,去关注该技术的github。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,761评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,953评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,998评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,248评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,130评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,145评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,550评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,236评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,510评论 1 291
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,601评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,376评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,247评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,613评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,911评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,191评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,532评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,739评论 2 335

推荐阅读更多精彩内容

  • Angular的6.0.0版本发布了!这个主要版本很少关注底层框架,更多关注工具链,以及怎样使它更容易快速适应An...
    RIA爱好者阅读 837评论 0 1
  • 一、前端模块 客户端(Browser)服务器(Server)数据库 二、建模(抽象到实例) 如果把整个系统比做一个...
    Bertram_Cao阅读 385评论 0 0
  • 再次失败 受尽煎熬的人总是这样喟叹 不知这种叹息的口吻有什么懊悔 反正,我有过懊悔 但是这不能表明什么 不论是否谦...
    彭先生10阅读 200评论 0 0
  • 在简书上看到一个国庆写作马拉松的活动,国庆节的时候有一群人开始了轰轰烈烈的创作,就是在一天内写完四万字的马拉松。 ...
    抓星星的小超阅读 699评论 9 5
  • 今天早上我发现外边下了很多雪,满地都是雪,整个世界都是雪白雪白的,雪花落在我的手心里都化了,可是落在地上就成了一堆...
    王靖童阅读 190评论 0 0