node.js - 从 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
解决方案
您共享的链接是迁移angular 2.0
到 Angular 最新版本的过程。当您尝试使用现有 cli 或提供的步骤更新上述内容时,它将起作用。
您可以在此处查看,尽管 Angular 不建议像这样切换主要版本(Angular 4 -> Angular 11/12)。
推荐阅读
- android - 设置通知通道,当前不工作
- c# - 在 Surface 上连接到 SQL Server 失败,但在其他任何地方都没有
- java - Java-对云的多线程调用并加入所有输出
- django-views - Django 2.0.7 我不断收到这个错误'int'对象没有属性'_meta'
- java - javax.servlet.ServletException:java.lang.NoClassDefFoundError:org/apache/commons/dbcp/ConnectionFactory
- android - Listview 仅在滚动或触摸后显示所有项目
- memory - 在 GEM5 中写入内存地址
- android - 不知道如何完成 Firebase RecyclerAdapter
- postgresql - postgresql 在触发器中设置默认值
- python - 为什么 Python open() 函数不接受“目录/文件名”作为参数?