前言
小编最近接触到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/[email protected]失败。
原因: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