解决vue在ie中不能使用的问题

最新推荐文章于 2023-09-21 11:48:03 发布

weixin_34006965

最新推荐文章于 2023-09-21 11:48:03 发布

阅读量1.6k

点赞数

文章标签： javascript python 测试 ViewUI

原文链接：https://my.oschina.net/u/3648322/blog/1624245

版权

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

安装配置

（1）我们可以到其发布页上（点击跳转）将 babel.js 或 babel.min.js 下载下来，并在页面上引用。

1	`<script src="babel.min.js"></script>`

（2）也可以直接引用在线版的地址

1	`<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>`

测试样例

（1）这里我们还是使用 ES6 的 let 和 const 这两个新特性为例。注意：虽然我们的 ES6 脚本也是放在 script 标签之中，但是要注明 type="text/babel"

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>hangge.com</title>

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<script type="text/babel">

for (let i=0; i<5; i++) {

console.log('sm')

}

console.log(i) // Error: i is not defined

const fix = {}

fix.some = 'sm'

console.log(fix.some) // sm

</script>

</head>

<body>

</body>

</html>

（2）访问页面，可以看到 ES6 代码已经自动被转换成 ES5 的了。

转载于:https://my.oschina.net/u/3648322/blog/1624245

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34006965

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
解决vue在ie中不能使用的问题

2019独角兽企业重金招聘Python工程师标准>>> ...
复制链接

扫一扫

vue项目无法在IE浏览器中显示

木木木华的博客

02-01

1567

网上找了很多资料，都说是babel-polyfill包的问题，按照他们的方法，我发现无法解决，之于这些坑，总结了我的解决方法。拿到一个vue项目首先要安装对应的插件， npm install 安装过程遇到 ensuring that file exists: C:\Python27\python.exe 这个问题，我开始不是很明白，为啥前端项目需要python，后面查了下才大概了解，有些包是需要python环境的。注意：这里需要的是python2.7的环境，python3也是不行的，按照网上的教程傻瓜

解决Vue+Element ui开发中碰到的IE问题

10-18

本文主要探讨如何解决Vue+Element UI在IE中出现的常见问题，特别是样式错乱和v-loading功能无法正常加载的问题。首先，IE9样式错乱的问题通常源于以下两个原因： 1. **Flex布局不支持**：Element UI在很多组件中...

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

vue项目IE兼容问题及处理方案

最新发布

zby18638890018的博客

09-21

3027

vue项目IE兼容问题及处理方案

解决IE浏览器无法显示VUE项目的方法

xybhua的博客

12-31

2362

一、ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser。Promise为ES6语法，有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法。

vue框架在ie浏览器下的问题以及解决方法

CheyBen的博客

12-31

1522

vue浏览器兼容性问题ie9 ie10 edge vue 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性，比如Object.defineProperty()此方法就会报错， 1、报错：ReferenceError: “Promise”未定义，原因是：Promise是es6的新语法，ie9和一些低版本的高级浏览器对es6新语法并不支持...

vue 项目在ie浏览器的兼容问题

qq_42717015的博客

06-19

1440

1.vue使用Sass时报错问题的解决方法 npm install sass sass-loader --save-dev 请结合这篇文章https://www.jb51.net/article/197405.htm

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

12-08

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

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

12-09

然而，由于Internet Explorer 11（IE11）浏览器对新特性的支持不足，开发者在使用Vue 2.0进行开发时可能会遇到兼容性问题，导致在IE11中打开项目页面出现空白的情况。本篇文章将详细讨论如何解决这个问题。问题的...

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

01-21

公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 ...2、在页面入口配置main.js中引入 babel-polyfill import(babel-polyfill) 3、解决编译错误—-重要重新安装一下webpack-dev-server npm install webpa

关于vue项目在IE浏览器不兼容问题

qq_40731891的博客

05-26

2546

这是我第一次写博客，有不合适的地方请大神哥哥，神仙姐姐多多指点；不在矫情了，直接步入主题。关于vue项目在IE浏览器不兼容解决方案网上有很多。但是，说的太简单了，我通过大量百度和实践从新整理一下： 1.安装babel-polyfill 插件 npm install --save-dev babel-polyfill 或者 npm install babel-polyfill --save-dev 或者 npm install babel-polyfill -D 2.在s...

vue在IE11版本上的问题

04-21

解决vue在IE11版本报错情况，vuex requires a Promise polyfill in this browser.需要下载babel-polyfill，在main.js中 import 'babel-polyfill'，修改webpack.config.js中的入口文件。ie11打不开vue项目，报错 “对象不支持“addEventListener”属性或方法”。

vue项目系统兼容IE浏览器问题以及解决方案

qq_26887683的博客

05-16

1万+

系统兼容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解决方法，亲测有效