vue 项目 在ie浏览器下页面显示为空

npm install --save babel-polyfill

在main.js中添加:

import es6Promise from "babel-polyfill";
es6Promise .polyfill();

在webpack.base.conf.js中修改

module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};

但是还是发现报错:

polyfill-eventsource added missing EventSource to window

这时候再下载event-source-polyfill模块

npm install event-source-polyfill --save-dev

并将webpack.base.conf.js修改为:

module.exports = {
  entry: ["event-source-polyfill", "babel-polyfill", "./app/js"]
};

https://babeljs.io/docs/usage/polyfill/

https://github.com/vuejs-templates/webpack/issues/474

原文地址:https://www.cnblogs.com/undefined-h/p/8276330.html

时间: 2024-08-29 07:36:09

vue 项目 在ie浏览器下页面显示为空的相关文章

html页面 在ie 浏览器下页面显示变形

当遇到在别的浏览器下显示正常,但在ie 下页面变形,style 样式规则都已经写好的情况下. 这时造成这种情况可能是 html 页面头部指定的规则引起的 如果默认的可能是: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 只需要改成 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

vue项目兼容IE浏览器

原文链接:https://blog.csdn.net/XuM222222/article/details/81561890 vue项目兼容IE浏览器利用vue-cli脚手架搭建的项目打包后在chrome下正常显示,IE浏览器下显示空白,这是因为缺少babel-polyfill处理器的缘故. vue-cli脚手架构建的项目结构: 解决方法:1.安装babel-polyfill包: npm install babel-polyfill --save-dev 安装完之后,在package.json文件

font awesome的图标在WP8浏览器下无法显示的问题解决

font awesome无疑是bootstrap上面做的很赞第三方图标 笔者最近做的一个项目,图标在iphone和安卓上面的浏览器上显示都无问题,偏偏WP8上的浏览器显示有问题 通过chrome的开发者工具条是发现"fontawesome-webfont.woff"这个格式的文件无法识别(显示404错误) 于是,在IIS7中给其添加了一项MMIE,截屏如下: 添加后问题解决. font awesome的图标在WP8浏览器下无法显示的问题解决

解决苹果手机Safari浏览器下 字体显示为 蓝色的 问题

解决苹果手机 Safari浏览器下   字体显示为蓝色的 问题 近期测试同学测试,wap站上,底部文字在苹果8上面 ,使用 Safari浏览器打开,一直显示 蓝色字体 其他正常,寻找半天无解,最后 阳仔 小伙伴 猛然想起来,这是 不兼容,少了一句meta标签 在 head区域 添加上 这句话 即可  ,正常显示 字体颜色了 <meta name="format-detection" content="telephone=no"> 原文地址:https:/

js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll

开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: $('body').on('touchmove', function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e.preventDefault()}, fal

在vue项目中添加一个html页面,开启本地服务器

在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面,但是我的vue项目没有public,就只好放在static里面了,这样可以不经过vue的路由 2.然后就是开本地服务器,当然,是基于node的, 1)可以在这里下载 https://nodejs.org,安装完成后可以在控制台输入:node -v 查看版本号 2)下载http-server:在控制

chrome浏览器下页面顶部出现一条空白解决

最近遇到页面在chrome浏览器下,顶部会出现一条空白的问题.后来知道是bom头的问题. 1.什么是bom头? BOM签名的意思就是告诉编辑器当前文件采用何种编码,方便编辑器识别,但是BOM虽然在编辑器中不显示,但是会产生输出,就像多了一个空行. 一般的编码集中并不会出现bom头,unicode编码集中会出现. 类似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM).它是一串隐藏的字符,用于让记事

如何让vue项目兼容IE浏览器

一般来说项目开发到后期都需要做各种兼容性处理例如:360.IE9以上.QQ浏览器....等等 那么现在来介绍一个工具 babel-cli 跟 babel-preset-es2015 babel-cli 在项目中安装好这两个依赖 npm install -save babel-cli npm install --save-dev babel-preset-es2015 babel-cli 然后找到vue项目根目录下 .babelrc 原文地址:https://www.cnblogs.com/zho

vue项目中利用popstate处理页面返回操作

需求背景:项目中需要做一个返回确认,避免用户误触返回键而退出当前页面. 原理:利用history和浏览器刷新popstate状态 实现: 1.在mounted() 阶段判断并添加popstate事件监听,History.pushState()(参数:一个状态对象,一个标题(现在被忽略了),以及一个可选的URL地址) 2.在methods里定义监听操作函数 3.页面销毁时,取消监听.(注意:一定要取消监听,否则其他vue路由页面也会被监听) 原文地址:https://www.cnblogs.com