vue 发布成功后白屏

2024-08-31

vue发布之后会出现白屏现象主要几种原因和解决办法

第一种:由于把路由模式mode设置成history了,默认是hash. 解决方法:路由里边router/index.js路由配置里边默认模式是hash,如果你改成了history模式的话,打开也会是一片空白.所以改为hash或者直接把模式配置删除,让它默认的就行 .如果非要使用history模式的话,需要你在服务端加一个覆盖所有的情况的候选资源:如果URL匹配不到任何静态资源,则应该返回一个index.html,这个页面就是你app依赖页面. 第二种:打包后的dist目录下的文件引用路径不对,会

vue android低版本白屏问题你是不是用了Object.assign ？？

问题描述在部分比较低版本的手机中,发现apk安装后白屏,但是大部分手机都能安装. 本人在使用android4.4时候,也是安装后打开白屏. 原因: 代码写法不兼容 this.user = Object.assign({}, this.user, { age: , name: "huangenai" }); 不能用Object.assign 这种写法是ES6中合并对象用的,IE不支持 Object.assign,一些低版本的浏览器也不支持该方法, 解决方案项目中安装 npm inst

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

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

ionic2常见问题——启动后白屏问题

问题描述 app启动后大概有几秒白屏,才会显示首页. 解决方案图 1-最初config.xml配置图 2-更改后的splash配置代码: <preference name="ShowSplashScreen" value="true"/> <preference name="AutoHideSplashScreen" value="false"/> <preference name=&quo

ionic2常见问题-启动后白屏问题

问题描述 app启动后大概有几秒白屏,才会显示首页,如下gif图启动有白屏.gif 解决方法1 请查看以下3张图的标注图 1-最初config.xml配置图 2-更改后的splash配置图 3 config.xml配置代码 <preference name="ShowSplashScreen" value="true"/> <preference name="SplashScreen" value="scree

安装好的IIS，发布成功后打开网站出现错误

开发web项目时需要安装IIS,在安装好IIS的Windows7本上发布asp.net网站时,web程序已经映射到了本地IIS上,但运行如下错误提示“处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler”” 一.上述错误详情图: 二.上述错误分析: vs2010默认采用的是.NET 4.0框架,4.0框架是独立的CLR,和.NET 2.0的不同,如果想运行.NET 4.0框架的网站,需要用aspnet

移动端（钉钉微服务）webpack配置需要移除hash来解决应用更新后白屏的问题

钉钉微服务webpack配置调整方案 1: Vue CLI配置修改方法 a. 修改build下webpack.prod.config.js.去掉图中三处hash(.[chunkhash]): b. 修改build下webpack.base.config.js.去掉图中hash: 2: 非Vue CLI配置修改方法: 类似CLI,通常去除config文件中的output的filename和chunkFilename的hash值以及rules中对应的hash值.

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

publicPath: './',

electron 开发 - win7 运行后白屏黑屏

解决思路: localhost:3000本地react项目确保运行无误 electron 官方demo跑一遍确认不是配置问题切换electron版本,发现5可以6不行 google 官方issue 方案: 安装.NET Framework 4.7.1window修复更新下载页

vue首次加载白屏过渡动画（vue优化）

过渡动画需要在index.html文件里面添加 1.css,在public.index.css创建index.css html, body, #app { height: 100%; margin: 0px; padding: 0px; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #4ea3fb; padding: 0.2em 0; } #loader-wrapper { position: fixed; top: 0;

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模式下

Android APP应用启动页白屏(StartingWindow)优化

版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 StartingWindow 的处理方式: 使用系统默认的 StartingWindow :用户点了应用图标启动应用,马上弹出系统默认的 StartingWindow(就是做动画的那个 Window) ,等应用加载好第一帧之后,StartingWindow 消失,显示应用第一帧,无缝衔接,体验还不错,这也是通常大部分 Android 应用的场景:比如大部分 Android 系统的自带应用,即刻.汽车之家等自己定制简单的 Sta

ionic2 解决白屏问题

ionic2下创建项目后,运行启动页后白屏几秒,解决方案问题描述最近在学习过程中发现ionic2项目运行在真机上,启动页后会有3-5秒的白屏时间,用户体验不是太好. 解决过程查看到了一篇关于这个问题的博客,但是是ionic1版本下的解决方案,有些差异,在查询ionic官方文档后,找到了ionic2版本的解决方案.ionic1版本解决方案原址:http://blog.csdn.net/dounainaicsdn/article/details/50767667 步骤 1.首先我们要先添加这个

记录下自己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

vue项目中视频播放结束返回首页出现1秒左右的白屏问题

vue项目的性能优化问题,一直以来都是大家比较关注的. 近日负责的项目中,使用了SignalR实时通讯,客户端中点击发起播放视频的请求到服务器,服务器接到请求后再调用前端的播放视频方法,以此来达到播放视频的功能,也可以通过服务器进行广播,以此让另一个客户端可以与之联动,从而达到多个客户端同一时刻由其中一端发起请求,却达到所有客户端同时播放.同时结束的视频联动广播功能.实时通信的功能没话说,反应速度非常快,却恰恰在播放完视频,返回首页的时候出现了约1秒时间的白屏问题!这用户体验感一下子拉低了太多太

arcgisserver成功发布服务后，浏览服务，无地图显示

软件:ArcMap10.2,ArcgisCatalog10.2 方法:ArcMap10.2添加数据库连接,成功登陆数据库后,拖拽目标图层至Map窗口,对各个图层进行符号化设置 ArcCatalog中找到该MXD文件,右键共享为服务,发布即可问题:该地图服务成功发布,但在JavaScript API中浏览该服务,无图形显示问题分析:首先,ArcgisServer10.2正确安装. 其次,地图服务发布成功可能解决办法: Service服务重启,OracleService重启,重启后无效果,最后

vue的data的数据进行指定赋值，用于筛选条件的清空，或者管理系统添加成功后给部分数据赋值为空

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

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-cli 脚手架为基础的,只能使用微信浏览器打开的.在某次更新功能代码后,被反馈在一些手机上会出现白屏.经过一番探索,多管齐下解决了问题白屏可能的原因: es6 代码没有被编译成 es5 : 文件打包路径错误: 运营商塞入的广告 js 服务器报错,连累项目不能下载资源: 针对 1 和 2 ,分别采取以下做法: 解决位置:config/index.js 文件:把 assetsPublicPath: '/' 改为assetsPublicPath: './' build: {

vue 发布成功后白屏

热门专题