vue2.0 ie “Promise”未定义"

最新推荐文章于 2024-09-23 17:51:35 发布
最新推荐文章于 2024-09-23 17:51:35 发布
阅读量434 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue build ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cccdf_jjj/article/details/99974359
本文介绍了解决IE浏览器因不支持ES6写法而出现Promise未定义错误的方法。通过安装webpack-dev-server、babel-polyfill，并在webpack配置文件及main.js中引入babel-polyfill，可以实现对旧版浏览器的兼容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

是因为ie不支持es6的写法，所以会报Promise未定义的错误

下面附上解决办法：

            1、npm install webpack-dev-server --save-dev

            2、npm install babel-polyfill --save

            3、找到build文件夹下的webpack.base.conf.js文件在webpack.base.conf.js中加入下面的代码

require("babel-polyfill")

如图

4、在main.js文件中导入：import "babel-polyfill"

5、npm run build就可以了

有的小伙伴打包可能不是这个命令，自己看一下配置然后输入命令就可以了

vue-cli 解决ie兼容性问题？
郝峰vip的博客
12-11 1870
写在前面 这是好久之前遇到的问题了，一直没有时间记录下来，总是去Google,现在幸得于空，赶紧记录下来，把之前的问题回想一边，有利于加深理解。也方便自己查看以及帮助到简友。有什么不对的地方，还希望多多评论指出。 首先兼容ie只需要安装一个插件就好了npm install babel-polyfill --save-dev 使用方法,打开项目build文件夹下的webpack.base.conf...
带你阅读Vue3.0响应式系统源码4-依赖绑定以及触发依赖的执行策略
Ancecis的博客
02-20 443
主题：依赖绑定以及触发依赖的执行策略 ps：多代码预警，本节因为涉及到的流程重要代码比较多，所以贴出了核心代码。 1.代理对象和影响因子effect如何绑定？（track） ​ 上一篇文章讲的是响应型数据的诞生。而前面说过，响应数据的诞生和它绑定观察者是两回事。那么响应型对象和影响因子effect是如何进行绑定依赖的呢？依赖的添加是在track方法中，下面来进行讲解： 什么时候进行调用track...
Promise 未定义 引用脚本
01-09
IE11也支持html2canvas该插件 Promise 未定义 引用该脚本即可
Vue项目在部分浏览器中Promise”未定义
qq_24347541的博客
07-25 6152
在360急速浏览器中打开已经部署好的vue项目时报错了，页面白色无任何显示。 解决办法： npm install es6-promise --save-dev main.js文件引用后重新打包 import promise from 'es6-promise' promise.polyfill(); ...
vue-cli项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义”的解决办法
zhangkeke_的博客
09-29 1792
兼容IE是个坑，低版本IE很多都没法跑起来 问题现象：vue-cli项目在IE下运行，会在钩子函数出现 ReferenceError: “Promise”未定义 解决办法： step1:安装最新的web-pack-server 命令行：npm install --save-dev webpack-server step2:安装Babel Polyfill  命令行：（1）npm in...
vue项目,ie11 浏览器报 Promise 未定义的错误
qq_45894929的博客
11-04 826
vue项目,ie11 浏览器报 Promise 未定义的错误 1.报错： {description: ““Promise”未定义”, message: ““Promise”未定义”, name: “ReferenceEr…”, number: -2146823279, stack: “ReferenceEr…”} 2.解决办法 npm install babel-polyfill --save 在main.ts中 import “babel-polyfill” 如果使用了vuex，则在vuex的
VUE项目在IE下报错“ReferenceError: Promise未定义”的解决办法
Calla_Lj的博客
11-25 6418
VUE项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义"”的解决办法 VUE项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义"”的解决办法 ...
前端知识宝典
qq_37759901的博客
01-29 1703
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
微前端框架调研
最新发布
weixin_40398599的博客
09-23 1121
平时我们写项目的时候，都是用单页应用，用组件去拼接项目，随着我们的功能越来越复杂，我们会发现，项目中的组件越来越多，有时项目上线后，我们只想公开组件的某个部分，在更改组件后，会出现一个问题，我们需要把整个个项目重新打包，打包时间会比较长（可能修改了一个组件，打包却需要5-10分钟）。另外，组件的维护也非常不方便（可能有成千上百个组件）。除此之外，一个项目可能有多个团队去开发（比如按模块去划分，交给不同的团队去开发），这样可以面临人员众多，不好管理，团队技术栈不统一的问题。
前端主流面试官必问超详细面试题(整理完以秃头)持续更新中
qq_43375584的博客
07-07 4441
CDN利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。CDN的作用：（1）在性能方面，引入CDN的作用在于：（2）在安全方面，CDN有助于防御DDoS网络攻击：懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 比如：在较长的网页中。如果有很多图片，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果我们使用图片的懒加载就可以解决
ReferenceError: “Promise”未定义
twx843571091的博客
07-06 1254
问题现象：vue-cli项目在IE下运行，会在钩子函数出现 ReferenceError: “Promise”未定义 解决办法： 1、 安装Babel Polyfill npm install --save babel-polyfill 2、 在webpack.base.conf.js这个文件加入代码 require("babel-polyfill") 3...
vue ie promise未定义
huyihan_的博客
04-01 754
1.npm install --save babel-polyfill npm install --save es6-promise 2.build/webpack.base.conf.js 3 main.js
页面报错：promise 未定义
hu104160112的博客
12-27 1235
出现这种情况一般是 IE内核的浏览器不兼容解析es6语法 引入下面随便一个链接即可解决 <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> <script src="https://cdn.bootcss.com/es6-promise/4.1.1/es6-promise.auto.min.js"></script> ...
Promise未定义坑
Jaden
04-18 8603
Promise未定义坑 问题描述 webpack + babel-loader + transform - runtime正常来讲是可以实现没有原生支持Promise的浏览器下正常运行，但是在低版本系统中还是出现Promise未定义的错误。 分析 1. 确认transform-runtime是否生效 在编译生成的js代码中查看到var Promis...
IE浏览器error：Promise未定义
1234Wu--前端Blog
05-12 1112
原因：ie对es6的支持很糟.不认识Promise、箭头函数等等。。 解决方法： 安装babel-polyfill插件 yarn add babel-polyfill npm install --save babel-polyfill 引入： //在common.js(全局公共js)中引入即可 import "babel-polyfill" 如果不行，这些也装一下： babel-loader、babel-core、babel-preset-env 同时： var path = require('pat
Vue项目 IE11下Promise 未定义的错误
zz_chst的博客
04-02 765
报错： {description:"“Promise”未定义",message:"“Promise”未定义",name:"ReferenceEr...",number:-2146823279,stack:"ReferenceEr..."} 解决办法 1.　npm install babel-polyfill --save 2. 　在main.ts中import "...
Error in mounted hook: "ReferenceError: “Promise”未定义"。谷歌不报错，IE浏览器报错
weixin_42371145的博客
04-21 2160
解决方法： 1.首先下载安装 babel-polyfill 依赖： npm install --save babel-polyfill 2.项目main.js 入口文件引入： import ‘babel-polyfill’ 错误分析：就是ie 内核的 报错，首先定位浏览器兼容问题，然后看报错：Error in created hook: “ReferenceError: “Promise”...
解决Vue在IE中报错出现不支持=＞等ES6语法和“Promise”未定义等问题
w36680130的博客
01-29 360
解决Vue在IE中报错出现不支持=>等ES6语法和“Promise”未定义等问题
ie报错“Promise”未定义
是我的温柔啊
07-27 1429
引入js即可 <script src="https://cdn.bootcss.com/es6-promise/4.1.1/es6-promise.auto.min.js"></script> 如果不想引入外网地址js，也可以新建js文件粘贴下方代码即可 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof d
Vue2.0 IE兼容解决方案：babel-polyfill的必要步骤
当在使用Vue 2.0开发的项目中遇到在Internet Explorer (IE) 下面打开一片空白的问题时，这通常是因为IE浏览器不支持某些JavaScript特性，Vue 2.0的一些新功能可能在旧版本的浏览器中未被兼容。Vue框架本身并不强制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值