ionic2 加上prodMode 后启动页面快了

最新推荐文章于 2024-07-26 16:35:06 发布
最新推荐文章于 2024-07-26 16:35:06 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： ionic2 文章标签： ionic2 启动 加快
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/runing22/article/details/66968093
版权

1. 在main.ts上加上 import {enableProdMode} from '@angular/core'  ， 并在bootstrap前面加上enableProdMode();


2. 运行 ionic build android --prod, 这样启动的速度就会达到5s左右。


runing22
关注
专栏目录
ionic build -- prod Error: Cannot find module ‘@angular/compiler-cli/ngtools2‘
zoro_Dcup的专栏
08-10 876
ionic build 正常 ionic build -- prod报错。报错日志如下： ionic-app-script task: "build" [09:10:58] Error: Cannot find module '@angular/compiler-cli/ngtools2' Error: Cannot find module '@angular/compiler-cli/ngtools2' at Function.Module._resolveFilename (intern
Ionic2创建App启动页左右滑动欢迎界面
01-05
每个有逼格的App在第一次启动时都有一个欢迎界面，通常是几个单页面或者带动画的单页面滑动到最后一页有个启动的按钮，本文将使用Ionic2来创建，So easy! 效果如下 本文例子和上图稍有不同，主要功能如下： 每滑动...
Angular main 中的enableProdMode
X01动力装甲的专栏
10-16 878
在TypeScript中，enableProdMode是Angular框架提供的一个函数，通常在Angular应用程序的main.ts文件中调用。在这个例子中，我们从@angular/platform-browser-dynamic模块导入platformBrowserDynamic，并使用它来引导我们的MyModule。总体而言，platformBrowserDynamic是Angular开发Web浏览器的关键部分，因为它允许我们创建一个平台来运行我们的应用程序，并确保它在基于Web的环境中正常工作。
删除多余代码后遇到 NG04014 错误：路径匹配策略导致的调试问题
最新发布
m0_54944506的博客
07-26 250
被删除这个文件没有区分生产环境还是开发环境就直接调用了这个函数。就相当于关闭了断言和检查，本该提示路由的这个错就被掩盖了（不影响效果），在我删除了这个文件后，检查就开启了导致页面报错。在 Angular 中，enableProdMode() 是一个用于启用生产模式的函数。终端上也没有报错信息，正纳闷了，我也没升级什么包和改动路由啊，为啥会报这个错呢？今天在移除无用代码时删了一些组件，再打开local环境下就打不开了。在经过一番查找后，找到了罪魁祸手，在一个删除的文件中 调用了。
Angular enableProdMode
X01动力装甲的专栏
08-14 229
在TypeScript中，enableProdMode是Angular框架提供的一个函数，通常在Angular应用程序的main.ts文件中调用。在这个例子中，我们从@angular/platform-browser-dynamic模块导入platformBrowserDynamic，并使用它来引导我们的MyModule。总体而言，platformBrowserDynamic是Angular开发Web浏览器的关键部分，因为它允许我们创建一个平台来运行我们的应用程序，并确保它在基于Web的环境中正常工作。
Angular is running in the development mode. Call enableProdMode() to enable the production mode.
kikyou_csdn的博客
05-25 6445
控制台输出：Angular is running in the development mode. Call enableProdMode() to enable the production mode.解决方法：在main.ts中调用enableProdMode()方法
运行ionic build --prod命令时，项目报错 (实用、赞）
chelen_jak的专栏
04-08 528
原文出处：https://blog.csdn.net/weixin_39563840/article/details/88202040?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2&utm_source=distribute.pc_relevant.non...
Ionic2系列之使用DeepLinker实现指定页面URL
11-28
Ionic2使用了近似原生App的页面导航方式，并不支持Angular2的路由。这种方式在开发本地App的时候比较方便，但如果要用来开发纯Web页面就有点问题了，这种情况下Angular2的router可以提供更灵活的配置。比如在首页是...
ionic2-rating：角星等级栏。 专为Ionic 2+设计
02-03
在模块定义上导入Ionic2RatingModule ，以声明要在其中添加评估组件的页面。 在某些情况下，所有页面都在src/app/app.module.ts 。 import { NgModule } from '@angular/core' ; import { IonicApp , IonicModule ...
Ionic开发APP之启动时白屏,如何处理.zip
01-09
在开发基于Ionic框架的应用程序时，开发者可能会遇到一个常见的问题：APP在启动时出现白屏现象。这不仅影响用户体验，也可能让初次接触Ionic的人感到困惑。本文将详细讲解如何处理这个困扰，主要针对 Ionic App 的...
ionic build android 慢,ionic2 App启动慢，长时间白屏，使用--prod解决
weixin_42502601的博客
05-27 257
一，ioni2 App长时间白屏的问题，手动控制splashscreen的关闭时间1.在config.xml文件中添加如下内容：2.在app.component.ts中添加内容：platform.ready().then(() => {(window).navigator.splashscreen.hide();}注意：要在platform.ready()之后执行二、ionic2 Andro...
运行ionic build --prod命令时，项目报错
weixin_39563840的博客
03-05 2584
项目运行ionic build --prod命令时，项目包如下错误： 在网上查阅后发现是ionic2-pincode-input密码组件版本的组件可能太高了，最后通过查看网上大佬（https://www.cnblogs.com/yongan/p/9353374.html）的建议通过如下命令解决了： 1、npm list ionic2-pincode-input 查出当前组件的版本 2.npm...
ionic 打包android apk 时 ionic cordova build android --prod --release 指令错误处理
荣荣的博客
07-27 2427
错误：ionic3 You have not accepted the license agreements of the following SDK components: 解决方案，这是license没有接受， 1、在ANDROID_HOME/tools下打开命令行窗口 2、执行./sdkmanager --licenses指令 3、全部同意，输入y 问题解决  ...
Ionic2的发布模式和开发模式，--prod参数
Robert Zhang
03-16 6244
从ionic1切换到ionic2的时候，发现app启动好慢，白屏好长时间，后来查找发现有个参数是 –prod，，先开始使用了这个参数，没见到效果。后来重新装了ionic，出现了效果。确实是明显的速度提升。 总结：ionic2的在正式发布的时候要加 –prod参数。 下面是俩中模式的运行截图： 分别是build prod startd 和 build dev started。即，产品模
.env[mode]文件注释的因素
dageliuqing的博客
09-22 401
Vue-Cli允许我们在项目根目录创建文件来设置一些打包编译的启动参数，通过执行脚本的时候加mode参数，指定不同环境需要加载的配置文件形如：.env.prod。
对于vue项目打包的一些思考
imkaifan的博客
12-28 1059
对于vue项目打包的一些思考
Angular 企业实战开发 --- Angular 基础
weixin_50983325的博客
06-07 1219
1. 概述 Angular 是一个使用 HTML、CSS、TypeScript 构建客户端应用的框架，用来构建单页应用程序。 Angular 是一个重量级的框架，内部集成了大量开箱即用的功能模块。 Angular 为大型应用开发而设计，提供了干净且松耦合的代码组织方式，使应用程序整洁更易于维护。 Angular Angular 中文 Angular CLI 2. 架构预览 2.1 模块 Angular 应用是由一个个模块组成的，此模块指的不是ESModule，而是 NgModule 即 Angula
ionic3 prod mode error @angular-devkit\build-optimizer\webpack-loader not found
runing22的博客
12-18 1284
在使用ionic cordova build android --prod 出 现错误： @angular-devkit\build-optimizer\webpack-loader   not found          原因 ： 安装 node js时 ，那npm 版本问题，升级npm 版本，          然后重新更新 ionic app script 版本   npm insta
ionic3 使用--prod时间过长问题解决(完美解决)
杨采臣的官方博客
07-27 6605
如果环境正常的话(我一共也有三四十个页面吧)，就算使用--prod对代码进行压缩打包也不会出现缓慢的情况(ionic build android --prod)，时间也就顶多会比平时不加--prod的情况多个20s左右，异常情况（打包2000s以上），这个时间有一个重要文件要检查一下，看看是不是和我列出来的一样： 主文件目录下面 src—theme—variables.scss(就是这个文件，不
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值