项目angular版本升级
<style>p.p1 { margin: 0; font: 12px "Helvetica Neue"; color: rgba(228, 175, 10, 1) }p.p2 { margin: 0; font: 12px "Helvetica Neue"; color: rgba(69, 69, 69, 1) }
p.p3 { margin: 0; font: 12px ".PingFang SC"; color: rgba(69, 69, 69, 1) }
p.p4 { margin: 0; font: 12px "Helvetica Neue"; color: rgba(69, 69, 69, 1); min-height: 14px }
span.s1 { color: rgba(69, 69, 69, 1) }
span.s2 { font: 12px ".PingFang SC"; color: rgba(69, 69, 69, 1) }
span.s3 { font: 12px "Helvetica Neue"; text-decoration: underline; color: rgba(228, 175, 10, 1) }
span.s4 { text-decoration: underline }
span.s5 { font: 12px ".PingFang SC" }
span.s6 { font: 12px "Helvetica Neue" }
span.s7 { text-decoration: underline; color: rgba(228, 175, 10, 1) }</style>
<p class="p1"><span class="s1">angular<span class="s2">官网升级文档：<span class="s3">https://update.angular.io/#7.0:8.0</span></span></span></p>
<p class="p1"><span class="s4">https://angular.cn/guide/schematics</span></p>
<p class="p2"><span class="s5">查看全局的angular/cli<span class="s5">版本</span></span></p>
<p class="p2">ng version</p>
<p class="p3">更新全局版本号</p>
<p class="p2">npm uninstall -g @angular/cli</p>
<p class="p2">ng -v</p>
<p class="p2">npm cache clean<span class="Apple-converted-space"> // <span class="s5">报错可继续</span></span></p>
<p class="p2">npm install -g @angular/cli</p>
<p class="p4"> </p>
<p class="p3">项目命令行执行</p>
<p class="p2">ng update</p>
<p class="p3">对照显示信息</p>
<p class="p4"> <img src="https://img2018.cnblogs.com/i-beta/1397474/201912/1397474-20191203103655570-1724371849.png"></p>
<p> </p>
<p> <span class="s5">执行更新 ng update @angular/core</span></p>
<p class="p3">遇到的问题<span class="s6">1：</span></p>
<p class="p3">如果显示错误，需要相关依赖的包也得跟着更新，根据系统提示更新其他额外的包</p>
<p class="p3">更新时如果报错</p>
<p class="p3"><img src="https://img2018.cnblogs.com/i-beta/1397474/201912/1397474-20191203103717078-547674573.png"></p>
<p class="p3">则需要将本地未提交的代码<span class="s6">git comment</span></p>
<p class="p2"><span class="s5">对于需要忽略更新的额外包，可以直接使用 ng update @angular/core —force</span></p>
<p class="p3">遇到的问题<span class="s6">2：</span></p>
<p class="p3">本地如果按照不成功则可以删除调<span class="s6">package-lock.json 文件后再执行</span></p>
<p class="p4"> </p>
<p class="p1"><span class="s2">更新完成后代码修改参照官网<span class="s1"> <span class="s7">https://angular.io/guide/static-query-migration</span></span></span></p><br><br>
来源：https://www.cnblogs.com/lskzj/p/11975408.html
頁:
[1]