Angular框架4升级到6
发布时间:2020-12-17 08:10:07 所属栏目:安全 来源:网络整理
导读:卸载 卸载脚手架,node库,以及文件,(手动卸载) 重新配置angular环境,安装ts(npm install -g typescript), 安装脚手架:(npm install --save-dev @angular/cli@latest -g) 手动重建一个最新版的框架 ng new anuglar 用开发工具将新建的项目打开,配置一
卸载卸载脚手架,node库,以及文件,(手动卸载) 重新配置angular环境,安装ts(npm install -g typescript), 安装脚手架:(npm install --save-dev @angular/cli@latest -g)手动重建一个最新版的框架ng new anuglar用开发工具将新建的项目打开,配置一下node库 Npm install 启动项目(ng serve) 接下来就是更换package.json(更换相应的,没有的千万别换导致致命的错误无法解决,经验之谈告诉你!) 在package.json中安装typescript:(npm install -g typescript --save-dev)和 cli:(npm install --save-dev @angular/cli@latest -g) PS:假如最新版本最新比现在高,还要升级到6.0.8版本的时候,请把latest更换成6.0.8,全文皆是! 配置完成之后安装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:graduatefrontendgraduate-phonenode_moduleswebpack-subresoce-integrityjmtp.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用户名AppDataRoamingnpm .npmrc删除路径:C:Users用户名 PS:次操作过程在本项目中成功了,但是对于每个项目会有不同的错误,希望帮助您!!! 新手大神忽喷,希望您能提出宝贵的意见和建议,我会尽快的修改,感谢阅读! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |