angular 打包后运行报错Attempting to attach an unknown Portal type

2019-6-5 一诺 angular

angular 打包后运行报错Attempting to attach an unknown Portal type & 以及查看包大小 报错详情 ERROR Error: Attempting to attach an unknown Portal type. BasePortalHost accepts either a ComponentPortal or a TemplatePortal. ng serve 没有问题 ng build --prod 出现问题 ng serve --prod 出现问题 问题原因    &nb...

阅读全文>>

标签: angular

评论(0) 浏览(427)

angular 中的路由简单的配置详解

2019-4-21 一诺 js库

1.重定向路由配置 const routes: Routes = [ {path:'', redirectTo: '/home', pathMatch:'full'}, {path:'home', component: HomeComponent }, // 默认展示HomeComponnet {path:'about', component: AboutComponent} ]; 作用就是可以指定访问某个路由时跳转到其它路由,如上述所示当访问的是根路由时则直接重定向到home路由,展示HomeComponent组件的内容。 pathMatch: 'full'表示全部符合才...

阅读全文>>

标签: angular

评论(0) 浏览(101)

Angular 模块懒加载和预加载策略

2018-6-12 一诺 js库

angular2及以上提供了两个非常实用的特性:懒加载和预加载 一、理论 1. 什么是懒加载? 懒加载也叫延迟加载,在访问到这个模块的时候,Angular才会加载这个模块。 2. 为什么要使用懒加载? 我们知道一个项目做得比较大的时候,模块组件比较多的时候,代码的体积也就相应增加,执行时间相应延长,这样会使得页面首次打开加载时长增大,用户体验下降。使用懒加载可以很好地解决这个问题,让开始只加载需要用户需要的代码,后续用户交互时再加载对应的代码,可以大幅提升首屏用户体验,让用户感觉到首屏很快,但是随之带了的是用户第一次去查看懒加载模块时,这个时候懒加载模块菜开始加载,会有个加载等待的延...

阅读全文>>

标签: angular

评论(0) 浏览(132)

angular 如何在打包发布时清除console信息

2018-5-28 一诺 js库

问题 console一般是我们开发时 用于测试打印到控制台的数据 以便我们调试程序 当项目打包上线时 这些console已然无用 这个时候还在控制台打印出来 如果打印的是一些敏感信息 就没那么安全了 并且还会影响美观 我们如果只是简单的查找代码中的console并删除 会有几个问题 1、工作量比较大(如果你使用console多的话) 2、如果你使用了一些插件,那么插件中的console删起来比较繁琐 3、如果后期想要开发环境上再次打印,则又要重复写和删 分析 那么既然我们开发环境需要而生产环境不需要 那么我们可以通过判断当前环境是开发还是生产 从...

阅读全文>>

标签: angular

评论(0) 浏览(66)

基于angular-cli配置代理解决跨域请求问题

2017-10-11 一诺 js库

1.跨域请求产生 随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份数据接口,我们可以定制开发多个版本。  而前后端分离带来的一个问题就是前端web部署的服务器和后端提供服务的服务器大概率不在同一个域名下,进而会产生跨域问题。 2.通用解决方案 如果浏览器支持HTML5,那么就可以一劳永逸地使用新的跨域策略:CORS了。&nbs...

阅读全文>>

标签: angular

评论(0) 浏览(665)

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by emlog