【前端】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/[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

这里写图片描述

小结

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

猜你喜欢

转载自blog.csdn.net/m18633778874/article/details/81359237