vue 如何兼容IE浏览器

最近写了一个数据统计的页面，用的是element+echarts ，在谷歌上运行是正常的！但是忽然听说，客户习惯用IE浏览器，用的是IE10，立刻去检查了IE的浏览效果。
果然！！！页面显示空白，提示报错，
立刻去请教了身边的前端大佬，大佬的回复：babel-polyfill

用法：1. 执行安装

npm install --save-dev babel-polyfill

在 main.js 中引入

import 'babel-polyfill';

3.在 webpack.base.conf.js 中找到 entry ,并修改配置

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

如果以上操作智慧，IE浏览器打开还是空白的话，就在webpack.base.conf.js的 module 下面添加一下配置 resolve(‘static’),

module: {rules: [{test: /\.vue$/,loader: 'vue-loader',options: vueLoaderConfig},{test: /\.js$/,loader: 'babel-loader',include: [resolve('src'),resolve('test'),resolve('static'),resolve('node_modules/webpack-dev-server/client')]},

vue 如何兼容IE浏览器相关推荐

vue 项目兼容 IE 浏览器
前言 : 网上找了很多关于 vue项目兼容 IE 浏览器的教程步骤 , 写的非常详细 , 但根据我自己的项目,怎么找都没有找到 webpack.base.conf.js 这个文件 ,就没办法配 ...
vue+iview 兼容IE11浏览器
最近在搞一个基于vue的后台管理系统兼容IE浏览器,眼泪都要掉下来.后来和产品说了,同意兼容IE11,感动得我眼泪啊这里也就是记录一下我遇到的超级烦的bug 首先是'babel-polyfill' ...
vue cli4 兼容IE浏览器
Babel是一个JavaScript编译器 Babel是一个工具链,主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript.以下是Babel可 ...
vue项目兼容ie浏览器(出现白屏)
因为有些插件没有成功转为es5,所以一直白屏报错解决: 1.vue.config.js文件中在transpileDependencies里面指定要转译的依赖. 另外添加configureWebpac ...
vue项目兼容IE浏览器，判断IE11以下，则提示浏览器版本过低，更新浏览器页面
1. 把下面这段js直接放入vue项目的index.html 页面的<head>里面 <script type="text/javascript"> (fu ...
vue打包兼容qq浏览器内核问题
在根目录的index.html加上标签强制转换google内核代码如下:
解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题
解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题 1.在csdn中找到了一下解决方案,但与本项目略有不同 vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空 ...
2021最新最全前端面试题（包含HTML、CSS、JavaScript、Vue、React、浏览器、算法与数据结构等）
整理了一些前端面试题,希望对正在找前端工作的伙伴有用.本篇文章内容篇幅较大,主要针对初中级前端开发工程师. 篇幅过长,大家可以先点赞收藏以后慢慢看. 关于HTML 的title和alt属性有什么区别 ...
Vue项目在ie浏览器打不开的解决办法
Vue项目兼容IE浏览器解决方法: 安装babel-polyfill npm install babel-polyfill --save-dev 或者 cnpm install babel-pol ...

vue 如何兼容IE浏览器

vue 如何兼容IE浏览器相关推荐

最新文章

热门文章