首页 > 解决方案 > 从 Angular cli 1.7 升级到 12

问题描述

是否有从 1.7 升级到 12/11 的分步指南。我在 1.7 中有一个应用程序,但在这里找不到任何一步一步升级 Angular

我可以假设它与从 2.0 升级相同吗

这是我的包 json

{
  "name": "app-name",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.config.json",
    "build": "ng build",
    "test": "ng test",
    "test-chrome": "ng test --browsers Chrome",
    "test-extra-debug-info": "ng test -sm=false",
    "test-create-coverage": "ng test -sm=false --code-coverage=true",
    "lint": "ng lint",
    "stylelint": "stylelint src/*/.scss",
    "e2e": "ng e2e",
    "bundle-report": "ng build --prod --stats-json && webpack-bundle-analyzer dist/stats.json -m static -r reports/analyzer/report.html",
    "release": "npx semantic-release"
  },
  "release": {
    "branches": [
      "master",
      "aws-pipeline"
    ],
    "ci": false,
    "dryRun": false,
    "plugins": [
      [
        "@semantic-release/commit-analyzer",
        {
          "preset": "conventionalcommits",
          "releaseRules": [
            {
              "type": "docs",
              "scope": "README",
              "release": "patch"
            },
            {
              "type": "refactor",
              "release": "patch"
            },
            {
              "type": "style",
              "release": "patch"
            }
          ],
          "parserOpts": {
            "noteKeywords": [
              "BREAKING CHANGE",
              "BREAKING CHANGES"
            ]
          }
        }
      ],
     ,
      [
        "@semantic-release/changelog",
        {
          "changelogTitle": "Changelog {^_^}"
        }
      ],
      [
        "@semantic-release/git",
        {
          "assets": [
            "CHANGELOG.md",
            "package.json"
          ],
          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
        }
      ]
    ]
  },
  "husky": {
    "hooks": {
      "prepare-commit-msg": "./buildscripts/prepare-commit-msg.sh $HUSKY_GIT_PARAMS",
      "commit-msg": "commitlint -E  HUSKY_GIT_PARAMS"
    }
  },
  "commitlint": {
    "extends": [
      "@commitlint/config-conventional"
    ],
    "rules": {
      "subject-case": [
        2,
        "never",
        [
          "start-case",
          "pascal-case"
        ]
      ]
    }
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "4.4.6",
    "@angular/cdk": "2.0.0-beta.12",
    "@angular/common": "4.4.6",
    "@angular/compiler": "4.4.6",
    "@angular/core": "4.4.6",
    "@angular/forms": "4.4.6",
    "@angular/http": "4.4.6",
    "@angular/material": "2.0.0-beta.12",
    "@angular/platform-browser": "4.4.6",
    "@angular/platform-browser-dynamic": "4.4.6",
    "@angular/router": "4.4.6",
    "@ng-idle/core": "2.0.0-beta.12",
    "@ng-idle/keepalive": "2.0.0-beta.12",
    "@types/jspdf": "^1.1.31",
    "@types/query-string": "^5.0.0",
    "@types/stacktrace-js": "0.0.32",
    "chart.js": "2.6.0",
    "classlist.js": "^1.1.20150312",
    "core-js": "2.4.1",
    "file-saver": "^2.0.2",
    "intl": "^1.2.5",
    "is-mail-fine": "^1.0.3",
    "jspdf": "^1.3.5",
    "jspdf-autotable": "^2.3.2",
    "ng2-charts": "1.6.0",
    "ng2-validation": "4.2.0",
    "node-sass": "^4.12.0",
    "query-string": "^5.1.0",
    "rxjs": "5.1.0",
    "stacktrace-js": "^2.0.0",
    "web-animations-js": "^2.3.1",
    "zone.js": "0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "^1.4.9",
    "@angular/compiler-cli": "4.4.6",
    "@angular/language-service": "4.4.6",
    "@types/google.analytics": "0.0.39",
    "@types/jasmine": "2.5.45",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.0.1",
    "husky": "4.2.5",
    "jasmine-core": "~2.6.2",
    "jasmine-reporters": "^2.2.1",
    "karma": "^4.2.0",
    "karma-browserstack-launcher": "^1.5.1",
    "karma-chrome-launcher": "2.2.0",
    "karma-coverage-istanbul-reporter": "2.1.1",
    "karma-firefox-launcher": "^1.1.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "karma-spec-reporter": "0.0.32",
    "karma-junit-reporter": "2.0.1",
    "ng2-mock-component": "0.0.6",
    "npm-run-all": "^4.0.2",
    "npm-audit-html": "1.4.0",
    "protractor": "^6.0.0",
    "ts-mocks": "^0.2.2",
    "ts-node": "~3.0.4",
    "tslint": "~5.3.2",
    "tslint-defocus": "^2.0.3",
    "typescript": "~2.3.3",
    "semantic-release": "17.0.7",
    "@semantic-release/changelog": "5.0.1",
    "@semantic-release/git": "9.0.0",
    "stylelint": "9.10.1",
    "stylelint-config-recommended": "3.0.0",
    "stylelint-prettier": "1.1.2",
    "uglifyjs-webpack-plugin": "0.4.6",
    "webpack-bundle-analyzer": "3.8.0",
    "webpack-dev-middleware": "1.12.2",
    "webpack-dev-server": "3.10.3",
    "@commitlint/cli": "9.0.1",
    "@commitlint/config-conventional": "9.0.1",
    "conventional-changelog-conventionalcommits": "4.3.0"
  }
}


ng --version

    _                      _                 __ _     _
   / \   _ _   _ _ _   | | _ _ _ _     / _| |   | _|
  / △ \ | '_ \ / ` | | | | |/ _` | '_|   | |   | |    | |
 / _ \| | | | (| | || | | (| | |      | |_| |__ | |
//   \\_| ||\, |\,||\,||       \_|__|__|
               |_/

Angular CLI: 1.7.4
Node: 14.16.0
OS: win32 x64
Angular: 4.4.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router, tsc-wrapped

@angular/cdk: 2.0.0-beta.12
@angular/cli: 1.7.4
@angular/material: 2.0.0-beta.12
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.3.4
webpack-bundle-analyzer: 3.8.0
webpack-dev-middleware: 1.12.2
webpack-dev-server: 3.10.3
webpack: 3.11.0

标签: node.jsangulartypescriptangular-cli

解决方案


您共享的链接是迁移angular 2.0到 Angular 最新版本的过程。当您尝试使用现有 cli 或提供的步骤更新上述内容时,它将起作用。

您可以在此处查看,尽管 Angular 不建议像这样切换主要版本(Angular 4 -> Angular 11/12)。


推荐阅读