vue cli3项目上限qq浏览器等出现空白兼容性错误解决方案

npm install es6-promise --save-dev
npm install babel-polyfill --save-dev

都在main.js中引入

import 'babel-polyfill' //放到第一行！！！务必
import promise from 'es6-promise'
promise.polyfill()

然后修改vue.config.js配置文件

主要是这几个参数

// 尽可能多的写没坏处，在这里我是'pdfjs-dist' 有点问题，报错提示了一个token .transpileDependencies: ['element-ui', 'pdfjs-dist', 'babel-polyfill'],// 链式webpack配置函数chainWebpack(config) {// config.entry('main').add('babel-polyfill')config.entry.app = ['babel-polyfill', './src/main.js']}

最后解决了，谢天谢地，刚需上线就发现部分浏览器打不开，真头大了

vue cli3项目上限qq浏览器等出现空白兼容性错误解决方案相关推荐

Vue Cli3 项目 vue.config.js 配置
Vue Cli3 项目 vue.config.js 配置配置优化一.js文件最小化处理二.分割代码三.图片资源压缩四.开启gzip压缩先看一下优化配置之前的文件大小通过vue-cli3脚 ...
vue打包后在ie浏览器下访问报语法错误
vue项目部署后在ie浏览器下访问报语法错误: 1.解决方法首先定位到报错文件: 2.编译为es5:在线编译
QQ浏览器x5内核的兼容性问题
X5内核是腾讯基于优秀开源Webkit[1] 深度优化的浏览器渲染引擎,搭载在最新一代的手机QQ浏览器上[2] ,更快,更便捷. 2014年9月23日,腾讯正式宣布开放业内首个浏览服务开放平台,向AP ...
vue商城项目开发：浏览器自动访问、路由样式修改及定义和导入组件
浏览器自动访问项目根目录增加vue.config.js配置文件,写入如下内容路由样式组件定义及导入
vue cli3 项目中解决跨域
最近项目中用到高德api,要做一个天气的模块. 做这个天气的模块,得知道用户所在得城市于是呢,我就在vue项目中获取了当前用户得ip,根据用户的ip定位了城市具体代码: vue页面: <te ...
vue cli3+项目使用postcss-px2rem或者postcss-plugin-px2rem适配
1. 使用postcss-px2rem或者postcss-plugin-px2rem讲vue项目的px全部转换未rem适配. 2. 下载: npm install --save postcss-px2 ...
Vue Cli3 项目打包优化
1.项目优化实现步骤: 清除生产环境中的console.log语句生成打包报告,根据报告优化项目第三方库启用CDN 路由懒加载首页内容定制 2.执行build 2.1 清除生产环境中的cons ...
vue cli3 兼容ie8以上浏览器，前端兼容；解决ie浏览器下白屏问题
1下载 babel-polyfill 模块 npm install babel-polyfill -s 2入口文件(main.js)第一行引入 import "babel-polyfill& ...
【Vue】qq浏览器打开空白
问题描述 Vue 项目在qq浏览器打开后空白执行命令npm run dev后用qq浏览器打开 F12 默认打开的是IE的控制台(如下) 在其他页面打开控制台正常,都是qq浏览器的控制台 qq浏览器设 ...

vue cli3项目上限qq浏览器等出现空白兼容性错误解决方案

vue cli3项目上限qq浏览器等出现空白兼容性错误解决方案相关推荐

最新文章

热门文章