出现vue项目在ie打开空白问题

最新推荐文章于 2022-12-24 00:45:08 发布

weixin_33951761

最新推荐文章于 2022-12-24 00:45:08 发布

阅读量507

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/daladida/blog/1935745

版权

2019独角兽企业重金招聘Python工程师标准>>>

后面看到报错是es6转es5出问题了，研究了半天，发现项目根目录少了个.babelrc文件

该文件代码如下

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

关于.babelrc作用参考下面文章 https://excaliburhan.com/post/babel-preset-and-plugins.html

转载于:https://my.oschina.net/daladida/blog/1935745

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33951761

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

解决vue2.x在ie浏览器打开空白问题

蜗牛~~

12-06

5906

排查一：先看看项目中是否安装并引入babel-polyfill这个东西，（Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码）。引入则跳过 vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的引入方法：（1）安装 npm install --save babel-polyfill （2）修改webpack.base.conf.js app: ['babel-polyfill'.

关于Vuecli3项目在ie中白屏的解决方案:（ES6语法在ie中不兼容造成的错误）；

qq_37100378的博客

10-29

5001

关于Vuecli3项目在ie中白屏的解决方案:（ES6语法在ie中不兼容造成的错误）；好好的项目在谷歌跑的飞起，一放到ie就一秒回到解放前，不管你是不是，反正我是瞬间激起了胸腔的怒火。。。。。打开控制台一看，以为的一大片红旗飘飘并没有，而是！！！作为一个资深的…前端小菜鸟，能扯到IE就是扯到兼容问题，默默的吐槽真的是坑到惨无人道，惨绝人寰，惨兮兮———— 于是，这个又是没跑的语法兼容问题，...

参与评论您还未登录，请先登录后发表或查看评论

Vue 2.0在IE11中打开项目页面空白的问题解决

12-09

前言因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug：问题 ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser；原因 Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.

vue项目在ie浏览器中打开空白问题

H-L的博客

10-30

1090

vue项目运行编译，发现在IE浏览器一片空白，解决方法： 1、安装babel-polyfill： npm install babel-polyfill --save-dev 2、在main.js文件中引入：import'babel-polyfill' 3、在webpack.base.config.js中将entry中的app:./src/main.js'改为下面格式 entry:{ app:['babel-polyfill','./src/main.js'] }, 4、重新...

解决vue项目在ie浏览器打开空白问题

txw1008的博客

07-31

1663

解决vue项目在ie浏览器打开空白问题下载安装在webpack.base.conf.js中修改如下信息：在src/main.js中import "babel-polyfill" 重新运行后打开，成功

VUE 2.0在IE中打开页面空白的原因及解决方法

weixin_30235225的博客

03-06

116

前言因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie打开出现了bug：问题 ie打开vue2.0项目空白,控制台报错vuex requires a Promise polyfill in this browser；原因 Babel 默认只转换新的 JavaScript 句法（syntax）...

vue项目在IE下显示空白打不开问题

a378113472的博客

10-09

633

近期遇到了项目是vue做的，在IE浏览器下打不开，显示空白问题，解决方案如下：打不开的原因是因为少了babel-polyfill处理器，所以第一步需要下载： npm install babel-polyfill --save-dev 第二步在package.json文件中显示：第三步引入babel-polyfill：在main.js文件中引入babel-polyfill，也就是加一行： i...

快速解决Vue项目在IE浏览器中显示空白的问题

12-08

然而，由于历史原因，Internet Explorer（IE）浏览器对某些现代JavaScript语法不支持，导致基于Vue构建的项目在IE上可能无法正常运行，出现页面空白的情况。本文将详细解析这个问题的原因，并提供解决方案。首先，...

vue项目在IE内核下打开显示白屏（已解决）

weixin_49357306的博客

12-15

1354

最近在开发vue项目遇到的一个问题，就是在浏览器兼容模式下打不开，浏览器显示空白页面，找了好久才解决了，下面是我解决的方法，感觉有用的给点个赞收藏一波哦！ vue项目在IE内核下打开显示白屏（已解决）一.安装babel-polyfill库 npm install --save babel-polyfill 二.在main.js中引入(最好放在最上面) import '@babel/polyfill'; 二.在vue.config.js中加入 transpileDependencies: process

整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误

Mr.小灰狼_随笔

12-24

9834

整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误这篇文章主要介绍了 Vue项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误的案例。目录一、关于 sockjs-client 依赖包二、关于 highlight 依赖包三、关于 swiper 依赖包四、IE 不支持 ES6 语法五、第三方插件引入导致六、本地环境正常，生产环境仍旧白屏

vue项目，在ie浏览器打开是空白页，解决方案

weixin_43992935的博客

07-26

1815

1，安装babel-polyfill npm install --save babel-polyfill 2，更改webpack文件， webpack.base.conf.js的配置 module.exports = { entry: {app: ['babel-polyfill', './src/main.js']},

vue项目兼容ie（页面空白、报错、不请求接口）

一只蠢村花的博客

03-29

4121

一、ES6和axios兼容 Vue 的核心框架 vuejs 本身，以及官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用。但axios和es6是基于promise的，ie不兼容promise，所以需要安装插件将语法转换成ie可以识别的。下载 babel-polyfill，执行npm install babel-polyfill --save 然后在main.js中的最前...

HTML引入vue.js，在ie浏览器中不显示

Start2019

12-03

5884

因为只有两个页面，所以我没有用 vue-cli 搭框架，直接在 HTML 中引入vue.js 文件。发现其他浏览器都能正常显示，ie 下显示不正常，而且还报错，错误信息如下：原因：主要是因为 ie 不支持 ES6 的语法。在 vue-cli 中，ie 浏览器下不显示，需要下载安装 babel-polyfill（npm i babel-polyfill），同样的，在 html 中使用 vue...

vue项目打包后首页一片空白解决办法和具体原因总结