您的位置: 首页  >  文章  >  Angular框架4升级到6

Angular框架4升级到6

分类: 文章 • 2024-02-01 13:39:40

卸载

        卸载脚手架，node库，以及文件，（手动卸载）

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

安装脚手架:(npm install --save-dev @angular/[email protected] -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/[email protected] -g)

PS：假如最新版本最新比现在高，还要升级到6.0.8版本的时候，请把latest更换成6.0.8，全文皆是！

    Angular框架4升级到6
    配置完成之后安装node库(npm install) 

    安装的过程会提示更新脚手架，然后等他安装之后，执行更新命令在启动项目
    提示如下：
  Angular框架4升级到6

 输入：ng update @angular/cli

  Angular框架4升级到6
    然后安装完成之后直接启动项目就行(ng serve)！

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

错误：

Angular框架4升级到6
    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-    subreso      ce-    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


运行效果：

Angular框架4升级到6

错误详情：

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 [email protected] [email protected] --save


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

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

启动成功截图：

Angular框架4升级到6
    npm删除路径：C:\Users\用户名\AppData\Roaming\npm

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

    Angular框架4升级到6



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

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



相关推荐