将角度5更新为6序列中没有元素

Question

根据stackoverflow这篇文章的指南，我试图将我的angular 5项目升级到6，但是当我执行ng update @angular/cli时，我得到了错误"no elements in sequence“，没有其他信息，我如何修复它？我也不能再开始我的项目了，它说Local workspace file ('angular.json') could not be found.

这也是我的package.json :我尝试使用"rxjs": "^5.5.4"或pathMatch: 'full'连接我的路由器，但对我不起作用

{
  "name": "m4user",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular-devkit/schematics": "0.0.45",
    "@angular/animations": "^5.2.3",
    "@angular/cdk": "^5.2.4",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/flex-layout": "^5.0.0-beta.14",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/material": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "@auth0/angular-jwt": "^1.1.0",
    "@ecodev/fab-speed-dial": "0.0.4",
    "@floydspace/ngx-validation": "^1.0.3",
    "@mdi/font": "^2.2.43",
    "@types/moment": "^2.13.0",
    "@types/raphael": "^2.1.30",
    "angular-captcha": "^3.0.6",
    "angular-typing-animation": "^0.5.4",
    "angularx-social-login": "^1.1.8",
    "chart.js": "^2.7.2",
    "core-js": "^2.4.1",
    "driver": "^1.0.0",
    "driver.js": "^0.3.8",
    "file-saver": "latest",
    "font-awesome": "^4.7.0",
    "hammerjs": "^2.0.8",
    "jquery": "^3.3.1",
    "jwt-decode": "^2.2.0",
    "materialize-css": "^0.100.2",
    "mdi": "^2.2.43",
    "ngx-contextmenu": "^4.1.2",
    "ngx-cookie-service": "^1.0.10",
    "ngx-uploader": "^4.2.2",
    "plyr": "^3.0.3",
    "raphael": "^2.2.7",
    "recordrtc": "^5.4.6",
    "roughjs": "^2.0.1",
    "rxjs": "5.5.4",
    "save": "^2.3.2",
    "sweetalert2": "^7.15.0",
    "videogular2": "^6.0.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "^6.0.1",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/chartjs": "^0.0.31",
    "@types/core-js": "^0.9.46",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/jwt-decode": "^2.2.1",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "ngx-validators": "^3.0.0",
    "persian-date": "^1.0.5",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": ">=2.4.2 <2.7.0"
  }
}

Answer 1

当使用带有angular (版本4/5)的RxJS 5.5.4时会出现这个错误，所以跳过RxJS 5.5.4，通过添加“RxJS”来使用rxjs 5.5.4：“^5.5”。添加到您的项目package.json。也使用这个可能会有帮助。

 npm i -g rxjs-tslint
rxjs-5-to-6-migrate -p [path/to/tsconfig.json]

Answer 2

在使用ng update @angular/cli之前，您只需要将您的@angular/cli包升级到最新版本。

 > npm uninstall -g @angular/cli 

 > npm install -g @angular/cli ( if throws an error then run npm cache clean --f & try again this command)

然后删除node_modules文件夹。

如果您不想更新任何现有代码，请使用现有项目从新项目创建一个新的angular project

• Compare package.json

• Then v6 package.json

• 在Rxjs中更新包版本，sequentially

• You ng build --prod rxjs可能会遇到错误，如果您不想更新任何现有代码，请安装rxjs/ng build --prod package

npm安装--保存rxjs/compat

最后，您需要将angular-cli.json文件替换为angular.json文件。运行ng update @angular/cli。检查angular.json文件中的配置设置。

就这样。

您可以随时引用https://update.angular.io/