ionic 打包显示白屏

2026-09-11

Angular+ionic2 web端启动程序出现短暂白屏或黑屏的处理小妙招

在ionic2项目启动是会出现短暂的白屏或者黑屏,虽然很短,但是用户体验不太好.上网查了相关的资料,都是针对打包APP的解决办法,针对浏览器端使用的项目没有效果,所以自己写了样式,巧妙的避开这个问题,与大家一起分享.如果路过的你有更好的处理方法,期待您的分享. step1:针对白屏,主要是index.html页面没有相关的展示数据.我们可以在该页面添加自己需要的显示数据以及样式: ①在body标签内添加元素 <div class="appSplash"> <div c

Drupal显示白屏或500？

Drupal有时会显示白屏,或者500内部错误,这多半是由于PHP脚本什么地方有问题造成的.这个时候,可以先看看php.log里面有没有提示: [10-Oct-2013 15:55:26 Asia/Shanghai] PHP Fatal error: Call to undefined function xxxxxx() in C:\Program Files\Zend\Apache2\htdocs\drupal\index.php on line 24 也可以将display_errors选项

ionic 调试 "死亡白屏"

死亡白屏(White Screen of Death) 我想“死亡白屏”应该是不需要解释的,开发过ionic app的童鞋应该都有遇到过,这里解释以防读者没有听说过:“可能在浏览器中调试时一切正常,当你在真机或模拟器上测试时不正常,当app启动时只有空白的页面”. 在我的开发中,死亡白屏经常是因为缺失了JavaScript文件,这就中断了Angular初始化app的过程,从而不能加载我们的视图模板,所以显示空白的页面. 不幸的是,导致“死亡白屏”的原因多种多样,不能确切的说明是什么原因,因为在真

nwjs解决页面透明化，启动时显示白屏的问题

这些天在弄nwjs还好能访问外网,可以看到官方的文档,要不然真是欲哭无泪了,找不到相关的文档解决不了问题.主要说说怎么页面透明化的时候,出现白屏一闪问题吧.主要工具: AngularJS+node+nw.js 来开发和传输数据显示的方式官方文档: 在html页面实现: <body style="background-color:rgba(0,0,0,0)"> 在package.json 文件中实现 "window": { "frame&quo

ionic ios iframe 白屏

之前碰到一个问题: 在ios下边使用iframe出现白屏问题 android下边正常原因是ios对app打开外部网页有限制需要取消限制解决方法 1.确认添加whitelist 插件 2.在config.xml中添加 <plugin name="cordova-plugin-whitelist" source="npm" spec="1.1.0" /> <allow-navigation href="*"

ios webview 加载含有中文的URL网页显示白屏

1. ios中的webview加载的URL不可以含有中文,解决办法说将中文字符转码, 如下: - (NSString *)URLEncodeString { NSCharacterSet *set = [NSCharacterSet URLQueryAllowedCharacterSet]; NSString *encodedString = [self stringByAddingPercentEncodingWithAllowedCharacters:set]; return encoded

vue-element-admin打包后白屏的问题

publicPath: './',

Android项目实战（四十二）：启动页优化，去除短暂白屏或黑屏

大家会发现一个空项目,从手机桌面打开app是秒启动.但是对于自己开发的项目,有时会发现打开app的时候,会有短暂的1秒--2秒的白屏或者黑屏,然后才进入到程序界面. 个人理解为我们自己实现的Application文件里面做了较多的初始化操作,当这些初始化操作完成后才进入到第一个Activity,这段初始化的时间因为没有界面,应用便会因为主题的类别而显示白屏或者黑屏. 构成白屏/黑屏的原因代码如下: /*** @author xqx* @email djlxqx@163.com* blog:htt

Android app启动是出现白屏或者黑屏如何解决？

1.为什么 APP 启动时会出现白屏或者黑屏? 当打开一个 Activity 时,如果这个 Activity 所属的应用还没有在运行,系统会为这个 Activity 所属的应用创建一个进程,但进程的创建与初始化都需要时间,在这个动作完成之前系统要做什么呢?如果没有任何反应的话,如果程序初始化的时间很长,用户可能还以为没有点到相应的位置.但此时所启动的程序还没初始化完,既无法显示程序,又不能停在原处不做任何动作,怎么办?这就有了Starting Window的概念,也可以称之为Preview Wi

小程序 ios 10.1.x 白屏问题

遇到这个问题有点莫名其妙只有IOS10.1.x显示白屏解决过程很坎坷,一开始以为是调试基础库的问题,改成最新的2.9.2版本. 用这个创建新的项目,把之前的项目内容放到新建项目内, 发现还是不行,后来只复制一个index 页面过来真机调试是好的只能一个一个页面复制过来最终找到原因. 五.关于您的账户� 尽然是因为一个特殊符号导致的,我真的是服了微信尽然搞这种bug日了狗啦

微信公众号ios10.1 版本白屏问题

真机调试IOS 10.1.x的版本不支持fetch 所以一直loading显示白屏. 其他设备都没问题. 所以用主要属性window.fetch用来判断是否支持fetch 属性 import { baseUrl } from './env' export default async(url = '', data = {}, type = 'GET', method = 'fetch') => { type = type.toUpperCase(); url = baseUrl + url; if

vue项目使用hbuilder打包后，真机测试白屏

在命令行直接运行 npm run build后,生成的dist文件中,直接打开index.html文件 Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. 打包完后,提示只能在服务端可以开启,file模式下无法工作问题: 使用vue脚手架开发的spa项目,在打包为app时,出现白屏现象原因: 想要在手机端打开,等同于在本地file模式下

ionic 白屏

昨天在发布新app的时候发现app在高版本的android的时候发现没有问题,在低版本的android 的时候发现存在白屏的情况,在run中alert,不能弹框,run不能运行, 参考这篇文章 http://blog.csdn.net/u010730126/article/details/49564313 在调试模式下发现了问题的所在 ionic run/emulate android/ios --livereload --consolelogs

记录下自己VUE项目用Hbuider打包后启动白屏问题

刚用VUE做项目,之前测试时vue创建的自身项目打包都是启动OK没问题.今天打包自己的时,启动一直白屏.折磨了好久,百度了一堆.终于找到了方法. 首先是在config/index.js里面 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSu

npm run build 打包后（直接打包白屏），如何运行在本地查看效果（Apache服务）

转载: https://www.cnblogs.com/qiu-Ann/p/7477593.html 目前,使用vue-cli脚手架写了一个前端项目,之前一直是使用npm run dev 在8080端口上进行本地调试.项目已经进行一半了,今天有时间突然想使用npm run build进行上线打包,试试能否成功看到我的项目效果.一开始是毫无头绪,什么都不懂,直接是就在命令行上敲下:npm run build命令. 好开心啊,竟然没有报错.以为就这么简单的成功了,在浏览器上输入:http://loc

Extjs4 页面加载先白屏后显示的bug解决

通过Extjs MVC结构做好页面后,加载过程中发现,会瞬间白屏,然后呈现extjs界面的问题,当类似页面放置到iframe中时,会显得非常怪异. 可通过下图体验下. 当我单击“意见反馈”菜单,在右侧打开的页面,会瞬间白屏,然后显示. 解决这个问题后,再看效果,非常平滑,不会有瞬间的白屏出现. 问题解决方案: app.js加载问题 /****有白屏的情况****/ Ext.onReady(function () { Ext.application({ name: "WMC", appF

vue项目打包之后首页白屏的问题

本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏. 解决方法 1.路径问题在config文件夹中找到index.js打开把assetsPublicPath: '/'改成assetsPublicPath: './' 2.路由问题 router.js中注释 // mode: 'history', // 默认hash src里边router/index.js路由配置里边默认模式是hash,如果是history模式,打开会出现空白页.所以mod

ionic2 关于启动后白屏问题跟app启动慢的问题

问题描述: 在ionic2下创建的项目打包生成apk,运行在真机上,进入启动页然后有5秒左右的白屏情况才进入首页,在真实项目中更严重,启动画面后更有时候十几秒都是白屏,体验性非常差. 在各种搜索之下,我只找到了这个解决方案,就是将启动画面延长. 1.添加 cordova-plugin-splashscreen 插件并查看是否添加成功 cordova plugin add cordova-plugin-splashscreen //添加 cordova-plugin-splashscreen 插

解决关于 ionic3 启动白屏控制台错误提示：Uncaught SyntaxError Use of const in strict mode.

今天将项目从ionic2 升级为ionic3 ,ionic serve 运行在网页上无任何错误. 但是将项目打包成为android apk 却一直卡在启动页面白屏,进不去的情况.后来在android studio 控制台看到这个错误提示:Uncaught SyntaxError Use of const in strict mode.有些莫名其妙的bug导致apk 打包后不能正常运行在机器上. 后经查找,找到这个解决方案. 1.先给项目添加这个插件 cordova plugin add co

Ionic2使用百度地图API(JS)出现白屏解决方案

最近自学ionic2,写了一个内嵌百度地图JS的demo,实际跑起来之后出现了大家常见的白屏问题.. 最初的实现是这样的: 首先主页内嵌了一个百度地图插件 <div id="Bmap" style="width: 100%;height: 100%"> 之后menu中一个引导的子页面也内嵌了一个百度地图 <div id="Bmap" style="width: 100%;height: 100%"> 然

ionic 打包显示白屏

热门专题