精华内容
下载资源
问答
  • 主要介绍了详解vue 项目白屏解决方案,详细的介绍了白屏的解决方案,非常具有实用价值,需要的朋友可以参考下
  • vue 项目白屏解决方案

    2018-12-16 12:12:00
    vue 项目白屏解决方案 在做的项目是使用 vue-cli 脚手架为基础的,只能使用微信浏览器打开的。在某次更新功能代码后,被反馈在一些手机上会出现白屏。经过一番探索,多管齐下解决了问题 白屏可能...

    vue 项目白屏解决方案

    在做的项目是使用 vue-cli 脚手架为基础的,只能使用微信浏览器打开的。在某次更新功能代码后,被反馈在一些手机上会出现白屏。经过一番探索,多管齐下解决了问题

    白屏可能的原因:

    1. es6 代码没有被编译成 es5 ;
    2. 文件打包路径错误;
    3. 运营商塞入的广告 js 服务器报错,连累项目不能下载资源;

    针对 1 和 2 ,分别采取以下做法:

    解决位置:config/index.js 文件:把 assetsPublicPath: '/' 改为assetsPublicPath: './'

    
    build: {
        assetsPublicPath: './',
    }

    解决位置:

    首先安装 babel-polyfill 库;

    
    npm install --save babel-polyfill

    然后修改 build/webpack.base.conf.js 文件,将

    
    entry: {
       app: './src/main.js',
     }

    改成

    
    entry: {
      app: ["babel-polyfill", "./src/main.js"]
    }

    使得其从入口文件就开始转换代码。


    做了上面的操作后,问题就解决了,因此没有对 3 进行实践。


    3 的情况,是身边同事的经验之谈。部分用户出现了打不开页面的情况,刚好同事的手机也遇到同样的情况,拿来分析之后发现,是运营商劫持了流量,往里面塞了广告 js ,结果它的服务器还出错.....解决方案是上 https ,完美解决。

    来源:https://segmentfault.com/a/1190000016853748

    posted @ 2018-12-16 12:12 栖息地 阅读(...) 评论(...) 编辑 收藏
    展开全文
  • 在做的项目是使用 vue-cli 脚手架为基础的,只能使用微信浏览器打开的。在某次更新功能代码后,被反馈在一些手机上会出现白屏。经过一番探索,多管齐下解决了问题白屏可能的原因:es6 代码没有被编译成 es5 ;文件...

    在做的项目是使用 vue-cli 脚手架为基础的,只能使用微信浏览器打开的。在某次更新功能代码后,被反馈在一些手机上会出现白屏。经过一番探索,多管齐下解决了问题

    白屏可能的原因:

    es6 代码没有被编译成 es5 ;

    文件打包路径错误;

    运营商塞入的广告 js 服务器报错,连累项目不能下载资源;

    针对 1 和 2 ,分别采取以下做法:

    解决位置:config/index.js 文件:把 assetsPublicPath: '/' 改为assetsPublicPath: './'

    build: {

    assetsPublicPath: './',

    }

    解决位置:

    首先安装 babel-polyfill 库;

    npm install --save babel-polyfill

    然后修改 build/webpack.base.conf.js 文件,将

    entry: {

    app: './src/main.js',

    }

    改成

    entry: {

    app: ["babel-polyfill", "./src/main.js"]

    }

    使得其从入口文件就开始转换代码。

    做了上面的操作后,问题就解决了,因此没有对 3 进行实践。

    3 的情况,是身边同事的经验之谈。部分用户出现了打不开页面的情况,刚好同事的手机也遇到同样的情况,拿来分析之后发现,是运营商劫持了流量,往里面塞了广告 js ,结果它的服务器还出错.....解决方案是上 https ,完美解决。

    展开全文
  • 在做的项目是使用 vue-cli 脚手架为基础的,只能使用微信浏览器打开的。在某次更新功能代码后,被反馈在一些手机上会出现白屏。经过一番探索,多管齐下解决了问题白屏可能的原因:es6 代码没有被编译成 es5 ;文件...

    在做的项目是使用 vue-cli 脚手架为基础的,只能使用微信浏览器打开的。在某次更新功能代码后,被反馈在一些手机上会出现白屏。经过一番探索,多管齐下解决了问题

    白屏可能的原因:

    es6 代码没有被编译成 es5 ;

    文件打包路径错误;

    运营商塞入的广告 js 服务器报错,连累项目不能下载资源;

    针对 1 和 2 ,分别采取以下做法:

    解决位置:config/index.js 文件:把 assetsPublicPath: '/' 改为assetsPublicPath: './'

    build: {

    assetsPublicPath: './',

    }

    解决位置:

    首先安装 babel-polyfill 库;

    npm install --save babel-polyfill

    然后修改 build/webpack.base.conf.js 文件,将

    entry: {

    app: './src/main.js',

    }

    改成

    entry: ['babel-polyfill', './src/main.js']

    使得其从入口文件就开始转换代码。

    做了上面的操作后,问题就解决了,因此没有对 3 进行实践。

    3 的情况,是以前的经验之谈。部分用户出现了打不开页面的情况,刚好同事的手机也遇到同样的情况,拿来分析之后发现,是运营商劫持了流量,往里面塞了广告 js ,结果它的服务器还出错.....解决方案是上 https ,完美解决。

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    展开全文
  • Vue项目白屏问题总结

    2020-10-13 10:22:53
    最近在搞Vue项目(微信公众号网页),本来我觉得Vue已经掌握的差不多了,结果上线后,老出现问题,反应最多的就是打开后出现白屏,就是页面空白,啥也不现实。刚开始我以为是手机问题,比如有缓存之类的,让他们清空...

    最近在搞Vue项目(微信公众号网页),本来我觉得Vue已经掌握的差不多了,结果上线后,老出现问题,反应最多的就是打开后出现白屏,就是页面空白,啥也不现实。刚开始我以为是手机问题,比如有缓存之类的,让他们清空手机微信缓存,还是不行,后来我让客户把白屏页的链接发出来,看了路径后才发现,原来是path路径掉了,找不到路由,所以白屏(其实我早就考虑到这种情况了,只不过一直没有去测试,坑啊)。。。

    一般情况下,一个项目的首页是根目录,比如    www.abc.com    这样,在路由里直接定位到首页。不过我的项目首页的路径不是这个,而且还带有参数,比如  www.abc.com/abc/abc?id=1   这样,并且没有path的情况也没有配置,所以当直接访问域名的时候,就会出现白屏问题。

    知道原因后,就好解决了。用vue路由的重定向。

    {
      path: '/',
      redirect: {
    	path:'/abc/abc',
    	query:{
    	  id:1
    	}
      }
    }

    这样,即使访问  www.abc.com   ,也能重定向到   www.abc.com/abc/abc?id=1  这里,完美解决O(∩_∩)O

    展开全文
  • 微信公众号里打开项目白屏了? 苹果手机打开白屏了? 死活都有部分iPhone机型是白屏显示的? 兄弟,别急,咱们走起…… 1,ios10 出现白屏 原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环...
  • 第一步: cnpm install babel-polyfill -S 第二步: ...修改配置文件 vue-loader.conf.js entry: ["babel-polyfill", "./app/js"] 最后在index.html中加入 <mate http-equiv="X-UA-Compat...
  • cordova打包vue项目页面白屏一、遇到的问题二、分析与解决 一、遇到的问题 在使用Cordova打包vue项目时,使用cordova run android进行真机调试,app总是显示白屏,也就是vue的那一部分代码没有起作用 二、分析与解决...
  • 1. vue项目白屏, 首屏加载内容优化 常用的vue项目首屏内容优化: 路由按需加载, 组件按需加载, 添加loading, 骨架屏等 但是一般没有特殊需求都是只使用按需加载即可 2.
  • 今天部署vue项目,然后访问,刷新页面出现404白屏,后来百度解决,记录一下 方法 注释掉history
  • https://www.jianshu.com/p/7ef0ac0e972b
  • vue 项目部署到腾讯云服务器断断续续用了几天的时间,遇到很多问题,也查了很多资料,问了不少git里面的大佬。想总结一下这几天项目放在服务器上遇到的难题和解决办法。首先购买了腾讯云的服务器学生套餐120一年。我...
  • 繁琐有难解决的Bug一.HbuilderX打包vue项目白屏问题二.HbuilderX打包vue项目,element-ui的icon图标无法正常显示问题三.win10系统端口被占用怎解决四.(nginx无法访问打包好的项目)其实问题是我们开启了多个Nginx的...
  • vue项目打包上线白屏问题

    千次阅读 2018-12-03 09:14:08
    一、项目打包 npm run build 二、路径问题 1.【问题描述】 CSS、JS路径报错,原因少了/dist这层路径 2【解决方案】 在webpack的模板下的/config/index.js中的 .build: 中assetsPublicPath: '/dist/', 三、...
  • 既然是布署,哪默认就应该是生产环境下的布署,vue开发的应用本质上就是静态文件,无论你用何种web服务器,放上去就应该能通过http访问 接下来我来帮大家来捋一捋。用vue-cli搭建的做法1、npm run build2、把dist里...
  • 明月笑刀无情hardcode 一些基础样式在主文档里面。 比如loading动画或者基础背景色。在bundle.js请求没有回来之前,有较好的等待效果,而这段样式无需异步加载。加载慢原因:1、bundle太大,没有压缩混淆。...
  • vue-cli3生成的项目中,打开index.html会发现如下代码 <body> <strong>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue. <div i
  • 原因:build后文件了路径不对 解决:修改vue里面build文件夹配置
  • 项目在其他端都可以正常打开,只有在paid上打开时,显示的是白屏状态。 在刚开始解决这个问题时,花费了好几个小时都没解决,都准备从新编译代码了。 发现并没有写错,uglify也没搞错,错的是Safari本身。他们在第十...
  • 本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏。 解决方法 1.路径问题 在config文件夹中找到index.js打开把assetsPublicPath: '/'改成assetsPublicPath: './' 2.路由...
  • 原因是,经过排查,发现在ios 机器上使用webview 开发Vue项目时候,go history (-1),无法将body 的高度拉掉,使得遮住,触发轻点击,方可消除该遮罩 解决的理论:用于最重要的html 容器是container,然而因为设置...
  • vue项目在ios10以下白屏

    千次阅读 2018-11-08 17:25:23
    vue项目在ios10以下白屏 解决办法: 1: 猜测是es6引起的,ios10以下不支持es6, 这里可以使用bable babel-polyfill 用法: 2: 转译之后发现还是白屏, 这可能是由于第三方组件库引起的,bable没有转换第三方组件库 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 523
精华内容 209
关键字:

vue项目白屏

vue 订阅