vue项目兼容IE浏览器

最新推荐文章于 2024-08-19 15:13:02 发布

 Mia

最新推荐文章于 2024-08-19 15:13:02 发布

阅读量301

点赞数

分类专栏：前端小点总结文章标签： es6 前端 vue.js

本文链接：https://blog.csdn.net/mia0303/article/details/106575422

版权

小点总结同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

前端

12 篇文章 0 订阅

订阅专栏

Vue项目部署后，通常除IE浏览器外其他都正常
打开 IE 浏览器会报这个
在这里插入图片描述
关于 Promise 的报错
因为Vue使用了ES6 Promise，而IE浏览器不支持，解决方法是:
使用babel-polyfill转换
可以看下文档 https://babeljs.io/docs/usage/polyfill/

npm install --save-dev babel-polyfill

如果使用vue-cli项目，在webpack.config.js 或者webpack.base.conf.js 中添加：

// 加上
require('babel-polyfill');

// entry: {
//   app: './src/main.js' 
//  },
// 改成下面这个
entry: {
    app: ['babel-polyfill', './src/main.js']
  },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

 Mia

关注关注

0
点赞
踩
1

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue2.x项目在IE游览器下不兼容问题的解决方案

XiaoBo_S的博客

03-16

3126

vue2.x项目IE游览器不兼容的解决方案

html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题

weixin_35426022的博客

06-17

1596

注意：htmlvue 只兼容ie8以上版本；IE 不兼容 axios的promiss对象;IE 不兼容es6语法；ES6转ES51、关于babel-polyfillvue一、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a librar...

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

Vue项目兼容IE浏览器

亚洲的博客

05-17

376

Vue项目兼容IE浏览器

vue3 兼容低版本浏览器Chrome、IE、Firefox

热门推荐

qq_26887683的博客

05-16

2万+

系统兼容IE浏览器问题以及解决方案问题 vue项目在IE浏览器上运行时会出现兼容性问题：JavaScript语法报错，css样式错乱。原因是在IE（以IE11为例）浏览器下，部分js的写法需要改变，部分样式在IE浏览器上不支持，以及一些IE浏览器特有的问题。 vue 只兼容ie8以上版本； IE 不兼容 axios的promiss对象; IE 不兼容es6语法；解决方案下载对应插件包解决js兼容性问题：babel-polyfill，es6-promise以及 babel-plugin-

vue项目兼容ie浏览器

Hassanh的博客

02-23

244

vue项目兼容IE浏览器利用vue-cli脚手架搭建的项目打包后在chrome下正常显示，IE浏览器下显示空白，这是因为缺少babel-polyfill处理器的缘故。 vue-cli脚手架构建的项目结构：解决方法： 1、安装babel-polyfill包； npm install babel-polyfill --save-dev 安装完之后，在package.json文件中显示： 2、在main.js文件中引入babel-polyfill； 3、在webpack.base.config.js

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

12-08

总的来说，解决Vue项目在IE浏览器中显示空白的问题，关键在于确保项目中的现代JavaScript代码能够被老旧浏览器理解并执行。通过引入`babel-polyfill`和其它必要的垫片库，我们可以使Vue项目在更广泛的浏览器环境中...

如何解决vue2.0下IE浏览器白屏问题

01-21

1、兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill npm install babel-polyfill 2、在页面入口配置main.js中引入 babel-polyfill import(babel-polyfill) 3、解决编译错误—-重要重新安装...

Vue 后台管理类项目兼容IE9+的方法示例

12-11

最近项目进入到了第三方集成的环节，集成第三方监控非要用IE，咋办？老板让我将后台管理系统的框架... 在涉及到flex、fixed、absolute定位时，IE浏览器下的显示效果有较大的区别； excel表单导出异常；部分使用的

Vue.js 框架兼容 Internet Explorer (IE) 浏览器指南

qq_42072014的博客

08-06

1244

通过以上步骤，你现在已经了解了如何确保Vue.js应用在IE11浏览器上正常运行。需要注意的是，支持IE可能会增加额外的工作量，尤其是在处理一些现代Web API时。如果可能的话，考虑逐步减少对IE的支持，转而专注于现代浏览器，以简化开发流程并提高应用性能。

使用VUE“全面兼容”IE浏览器，并且跨域

追梦

09-01

1835

VUE兼容处理前言之前的做页游活动页面，需要使用的技术栈是：js 、jQ 、jinja2 。前端制作完成之后需要上传代码到服务器才能看到效果，比较传统的一套技术。作为前端的我也是非常头痛，最近后端同学提出后端要进行模块化可配置化开发（因为我们很多活动都很相似，仅仅是几个参数的差别），前端进行模块化的话就需要摒弃之前的技术栈，从vue中找到兼容处理方案，本文讲解vue如何全面兼容IE并且下一篇文章将会进行模块化、可配置化开发。本次使用vue的方案技术栈为：vue、axios、vuex、vue

vue项目兼容ie

前端学习分享

03-11

1183

vue项目兼容ie

vue项目兼容IE

WUYOU798的博客

07-28

536

VUE项目兼容IE

Vue 兼容ie

weixin_37624436的博客

10-18

187

transpileDependencies: [ /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]src/, /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]package/, /[/\\]node_modules[/\\](.+?)?kscreenshot(.*)[/\\]dist/, ],

vue兼容IE

LILEILEILOVE的博客

02-18

423

一、安装：npm install --save babel-polyfill；二、配置：module.exports = { entry: [“babel-polyfill”, “./src/main.js”] }; 三、main.js中配置：import ‘babel-polyfill’ //放在最顶部，确保全面加载或者新建文件babel.config.js,与vue.config.js同级 //babel.config.js, module.exports = { presets:["@vue/cl

vue2兼容ie浏览器

07-27

Vue 2.x 是默认不支持旧版本的 Internet Explorer 浏览器（包括 IE 11）的。然而，你可以通过一些额外的配置和使用 polyfill 来使 Vue 2.x 兼容 IE 浏览器。首先，在你的 Vue 项目中安装 babel-polyfill： ``` npm install --save babel-polyfill ``` 然后，在你的项目入口文件（通常是 `main.js`）中，引入 babel-polyfill： ```javascript import 'babel-polyfill'; ``` 接下来，你需要配置 Babel 来转译 ES6+ 语法和新的 API。在项目根目录下创建一个名为 `.babelrc` 的文件，并在其中添加以下配置： ```json { "presets": [ [ "@babel/preset-env", { "useBuiltIns": "entry", "corejs": 3 } ] ] } ``` 最后，确保你的项目已经正确配置了 Babel，并且使用了 transpileDependencies 选项来处理 Vue 相关的依赖。在 `vue.config.js` 中添加以下配置： ```javascript module.exports = { transpileDependencies: [ 'vue', 'vuex', 'vue-router' // 添加其他需要转译的依赖 ] } ``` 完成上述步骤后，重新构建你的 Vue 项目，并在 IE 浏览器中测试兼容性。需要注意的是，虽然上述方法可以实现 Vue 2.x 在 IE 浏览器中的兼容性，但并不能保证所有的 Vue 组件和功能都能完全正常工作。有些功能可能仍然存在兼容性问题，需要做一些额外的处理。在开发过程中，建议使用 IE 浏览器进行测试，并根据需要进行适配和修复。