Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular框架4升级到6大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

卸载

卸载脚手架,node库,以及文件,(手动卸载)

@H_404_7@重新配置angular环境,安装ts(npm install -g typescript),

@H_404_7@安装脚手架:(npm install --save-dev @angular/cli@latest -g)

手动重建一个最新版的框架

@H_404_7@ng new anuglar
@H_404_7@用开发工具将新建的项目打开,配置一下node库
@H_404_7@Npm install
@H_404_7@启动项目(ng servE)
@H_404_7@
@H_404_7@接下来就是更换package.json(更换相应的,没有的千万别换导致致命的错误无法解决,经验之谈告诉你!)
@H_404_7@
@H_404_7@在package.json中安装typescript:(npm install -g typescript --save-dev)和

@H_404_7@cli:(npm install --save-dev @angular/cli@latest -g)

PS:假如最新版本最新比现在高,还要升级到6.0.8版本的时候,请把latest更换成6.0.8,全文皆是!@H_404_7@


配置完成之后安装node库(npm install)

安装的过程会提示更新脚手架,然后等他安装之后,执行更新命令在启动项目
提示如下:

输入:ng update @angular/cli


然后安装完成之后直接启动项目就行(ng servE)

在原来的项目中启动肯定会出错误,然后就是解决错误的过程!很苦恼,也是成长最快的时候,耐下心来!
(每次解决错误都别忘记更新node库,npm install)

错误


CAnnot find module 'webpack/lib/Template'
Error: CAnnot find module 'webpack/lib/Template'
at Function.Module._resolveFilename (module.js:547:15)
at Function.Module._load (module.js:474:25)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
Object.<anonymous>G:\graduate\frontend\graduate-phone\node_modules\webpack-subresoce-integrity\jmtp.js:8:16)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at trymoduleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)

解决办法:

博客地址:来自 <https://blog.csdn.net/bedisdover/article/details/52775386>
尝试1
将 npm install webpack-dev-server -g
改为 npm install webpack-dev-server
其中 -g 参数表示全局安装
(本项目问题依然存在,接着试一下,运行错误和上面一样,所以不行)
尝试2
将 webpack 作为本地依赖安装
npm i -D webpack


运行效果


错误详情:

ERROR in node_modules/rxjs/Observable.d.ts(1,15): error TS2307: CAnnot find module 'rxjs-compat/Observable'.
node_modules/rxjs/Rx.d.ts(1,15): error TS2307: CAnnot find module 'rxjs-compat'.
src/app/share/auth-guard.service.ts(2,10): error TS2305: Module '"G:/graduate/frontend/graduate-phone/node_modules/rxjs/Observable"' has no exported member 'Observable'.
src/app/share/interceptor.service.ts(4,10): error TS2305: Module '"G:/graduate/frontend/graduate-phone/node_modules/rxjs/Observable"' has no exported member 'Observable'.

接下来就是解决这个错误了:



npm install rxjs@6 rxjs-compat@6 --save


来自 <https://cloud.tencent.com/developer/news/221391>

完了之后更新一下node库,重新启动,然后就成功了!

启动成功截图:


npm删除路径:C:\Users\用户名\ApPDAta\roaR_289_11845@ing\npm

.npmrc删除路径:C:\Users\用户名




PS:次操作过程在本项目中成功了,但是对于每个项目会有不同的错误,希望帮助您!!!

新手大神忽喷,希望您能提出宝贵的意见和建议,我会尽快的修改,感谢阅读!

大佬总结

以上是大佬教程为你收集整理的Angular框架4升级到6全部内容,希望文章能够帮你解决Angular框架4升级到6所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。