html引入babel-polyfill,babel-polyfill的引用和使用
一、vue 项目报错 vuex requires a Promise polyfill in this browser
在网上找到下面三篇文章,然而和我的项目都不太一样。 我的项目基于
文档:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#功能
配置分为:基础配置(base)、 开发环境配置(dev)和运行环境配置(prod)
我的解决方案:
1 由于现在在开发阶段,只需要安装到开发环境
npm install babel-polyfill --save-dev
如果想卸载可以: npm uninstall babel-polyfill --save-dev
2 在基础配置文件webpack.base.conf.js,找到
然后替换为:app: ["babel-polyfill", "./src/main.js"],如下
3 在终端运行:npm run dev
图片中npm run dev:s 是因为我在package.json 配置了dev:s 配置,这样可以实现浏览器 本机 IP地址访问。一般情况用不上。
4 在IE 中运行,成功。
因为说明文档不详细,加上我刚入门,花了半天时间才搞定。
其它相关文章:
https://blog.csdn.net/tc216/article/details/78213204?utm_source=copy
解决Vuex, IE浏览器报错
1安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法
npm install --save babel-polyfill
2 修改Webpack/Browserify/Node配置
在webpack.config.js文件中,使用
module.exports = {
entry: {
app: ["babel-polyfill", "./src/main.js"]
}
};
https://blog.csdn.net/u010351326/article/details/80568171
VUE解决IE不能用的方法
一般来说VUE本身是不支持IE的,但是可以用特殊的方法来解决,亲测可用
第一步:下载插件 cnpm install --save babel-polyfill
第二步:入口文件main.js引入( import 'babel-polyfill') 好多人没引入,结果不生效
第三步:配置文件修改 vue-loader.conf(脚手架工具构建的项目修改这个配置文件,如果没有就修改webpack.conf.js),如下增加entry
module.exports ={
entry: ["babel-polyfill", "./app/js"]
}
https://www.cnblogs.com/princesong/p/6728250.html
前两天一个首页项目,想用vue玩耍一下,就用vue-cli搭建了一套vue的开发框架
完成开发、联调和上线后,问题来了
chrome、ff浏览器下都能正常显示的页面,在百度浏览器下愣就显示不出来了
我还以为是调用的uclogin组件包有问题呢,因为他会在url后面用?方式拼接一些formu、appid、u等参数,用于用户登录信息验证成功后redirect到要去的页面
找来之前用过uclogin和已经应用过uclogin的系统,都没有出现过这个问题,那么这个锅就不是uclogin来背了,那么该谁来背这个锅呢
打开浏览器的debug工具窗口,看到有一个红色的报错警示:vuex requires a Promise polyfill in this browser.
问题已经找到了,那如何来解决呢,百度一下:“vuex requires a Promise polyfill in this browser.”
第一条搜索结果就是:
他说出了问题出现的原因,就是ie9和一些低版本的高级浏览器对es6新语法并不支持,也说出了解决办法
为了方便看帖子同学的使用,再重敲一遍命令行:npm install --save-dev babel-polyfill
这个锅vuex来背一半吧,另外一半让百度浏览器来背吧,谁让你内核版本太低不支持es6新语法的呢。哈哈
然而送佛没有送到西,只是说了要安装babel-polyfill插件,如何使用可能对于一些刚鼓捣系统构建的同学还是有些懵逼的,这也是我写此帖的目的,我来整理一下再补上这临门一脚
html引入babel-polyfill,babel-polyfill的引用和使用相关推荐
- Babel 之 @babel/preset-env
Babel 已经成为前端工程化开发的必备工具链.自 Babel 7.0 以后,Babel 进一步对工具优化和插件统一管理,全面迁移到 @babel 中.@babel/preset-env 是十分常用的 ...
- workbook需要引入的包_解决Maven引用POI的依赖,XSSFWorkbook依旧无法使用的问题
Java项目,导入Excel数据功能,第一次使用POI,一开始就遇到了小麻烦! Maven项目引用POI的jar包 org.apache.poi poi 3.14 引入后XSSFWorkbook依旧无 ...
- vue 不识别svg_vue中引用svg,vue引入svg不显示,vue引用svg配置,vue3.0+ts如何配置svg...
注意: 如果按照下面配置正确发现svg依然无法显示可能s'v'g-sprite-loader的版本过高,重新指定版本下载npm i svg-sprite-loader@3.8.0 --save-dev ...
- idea xml文件引入类提示_IntelliJ IDEA:引用XML模式和DTD
引用XML模式和DTD 您的XML文件可能引用外部XML架构(XSD)或DTD文件,例如 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instan ...
- maven引入hadoop_如何在maven中引用hadoop v2.3.0 jar?
我的pom具有以下依赖性 . org.apache.hadoop hadoop-mapreduce 2.3.0 但是,在eclipse中,我看到以下错误 . 容器'Maven Dependencies ...
- 通过npm引入的echart目录_uniapp npm引用echarts第三方库教程
1. 下载第三方库 uni-app 使用了 mpvue 的部分代码,所以我们的 echarts 库使用兼用 mpvue 版本的 mpvue-echarts,同时需要引用百度的 echarts. 下载流 ...
- yii怎么引入css文件,Yii框架怎样引用JS和CSS文件
Yii框架怎样引用JS和CSS文件 发布时间:2021-01-06 09:58:23 来源:亿速云 阅读:118 作者:小新 这篇文章给大家分享的是有关Yii框架怎样引用JS和CSS文件的内容.小编觉 ...
- html引入babel-polyfill,Babel教程-引入polyfill
本节配套代码是github仓库 github.com/jruit/babel- 的babel02例子 总体来说,Babel的主要工作有两部分: 语法转换 补齐API 上一节Babel快速入门我们讲的是 ...
- 如何使用Babel实现polyfill
babel是什么 babel官方文档中对babel有明确的定义: Babel 是一个 JavaScript 编译器 Babel 是一个工具链,主要用于将采用 ECMAScript 2015+ 语法编写 ...
- @babel/polyfill按需加载
为什么要用polyfill babel帮我们编译es6语法,但是像Promise.async.await...这些语法是编译不了的,那么我们就得用到polyfill了. 安装及配置 npm i @ba ...
最新文章
- 各种主流数据库的比较
- JVM - CMS深度剖析
- Linux命令----用户管理
- linux tee 重定向_快乐的linux命令行-重定向
- 从/etc/inetd.conf学习服务(4)
- 《深入理解分布式事务》第三章 Spring 事务的实现原理
- re模块中的非贪婪匹配
- 三维激光LiDAR点云数据处理,我帮您!
- Hi3518EV200学习记录之运行mpp/sample/sample_venc(ov9712)
- 解决在串口调试助手中每次复位后只能发送一次数据的问题
- Accelerated Proximal Gradient Method/FISTA
- 改图片分辨率怎么改?教你一招一分钟修改图片dpi
- JavaMail连接Office 365使用XOAUTH2身份认证
- 使用java实现输出图形(三角形、菱形等四个图形)
- 什么是运动控制,工业控制与自动化领域中运动控制器的作用是什么?- 顶控科技
- C语言--if…if…和if…else if的区别
- 最近迅雷 4.0正式发布!教你轻松精简你的迅雷4.0~
- mysql数据类型、字段类型
- MCU引脚输出模式中推挽输出与开漏输出电路原理区别
- 毕业设计-基于微信小程序的疫情防控系统