【前端】Angular升级6，error集锦

前言

  小编最近接触到Angular框架升级，从angular4升级到angular6，中间遇到了一些问题，下面做一下简单的总结。

一、找不到module

   报错的路径：import { InformationManagerService } from 'app/workspace/information-manage/information-manage.service';
根据这个service出现的路径，采用相对路径的方式进行解决：app/workspace/information-manage/information-manage.service
   相对路径和绝对路径，可以简单理解一下：‘/’代表从根目录开始，’./’代表当前文件所在路径的当前目录，’../’代表当前文件所在路径的上一级目录。
原因：angular升级到6版本后，路径是默认从根目录开始，所以这个出错语句的写法不符合现在的特性。

二、使用npm命令下载包报错

  如图所示：下载@angular/animation@4.0.0失败。

  原因：npm命令的镜像地址是本地私服，私服上没有此版本的包。
  查看镜像以及更改镜像地址为淘宝镜像：

//查看镜像地址：
npm config get registry
//更改镜像地址为淘宝镜像
npm --registry https://registry.npm.taobao.org
//再次利用命令进行下载
npm install @angular/animation@4.0.0

三、Angular4.0.0的版本过低，与angular/cli 6.1.0版本不匹配

   这个错误的出现是我在搭建好Angular6框架后的操作引起的错误：

   解决方案：根据文件package-lock.json的依赖或者锁定的版本号去升级Angular的版本：

 npm i -D @angular/core

小结

  在实践中的成长是非常快的，通过一些错误的解决，可以帮助我们去理解angular框架中一些常用的命令以及固定文件的作用，如package.json和package-lock.json两个文件的作用和区别等。
感谢您的访问！