vue项目不兼容ie11浏览器怎么办 有用npm install --save @babel/polyfill。core-js 和 regenerator-runtime和es6-promise 都有用但是都报错?
看看是什么项目,如果是 vue-cli 的大概率本身就支持。只改 browserslist 就完事了。
如果是自己搭建的,那么就看看 webpack 版本,然后针对性处理了
Vue 项目在 IE11 浏览器上遇到兼容性问题时,通常是因为 Vue 或其依赖的库使用了 IE11 不支持的 ES6+ 语法或特性。为了解决这个问题,你需要确保构建后的代码是 ES5 兼容的,并且包含所有必要的 polyfills(填充物)来补充 IE11 缺失的功能。
如果你已经尝试使用 @babel/polyfill
(注意,@babel/polyfill
已经被废弃,推荐使用 core-js
和 regenerator-runtime
单独配置),但仍然遇到问题,下面是一些步骤来排查和解决问题:
更新 Babel 配置:
确保你的 Babel 配置(通常在 .babelrc
或 babel.config.js
中)正确设置了针对 IE11 的目标。你可能需要添加或更新 targets
选项来包含 IE11。
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry",
"corejs": 3, // 使用 core-js 3
"targets": "> 0.25%, not dead" // 你可以明确指定 "ie 11"
}
]
]
}
引入 Polyfills:
由于 @babel/polyfill
已被废弃,你应该单独安装并使用 core-js
和 regenerator-runtime
。在你的入口文件(通常是 main.js
或 index.js
)中,你需要引入它们:
import 'core-js/stable';
import 'regenerator-runtime/runtime';
注意,core-js/stable
将会引入所有 polyfills,这可能会导致你的包体积变得很大。为了优化,你可以按需引入特定的 polyfills。
babel-preset-app
插件来自动配置 Babel。此外,Vue CLI 3+ 默认包含了对 IE11 的兼容性配置。babel-polyfill
的替代方案或第三方兼容性库。浏览器兼容 主流浏览器都兼容 HTML5 的新标签,对于 IE8 及以下版本不认识 HTML5的新元素,可以使用 JavaScript 创建一个没用的元素来解决,例如: <script> document.createElement("header"); </script> 也可以使用 shiv 来解决兼容性问题,详情可参考 HTML5 Shiv
问题内容: 我的页面宽50/50。左半部分具有六个div的行。条件: 6个正方形必须始终保持正方形。 前5个正方形应在右边留有边距/填充以进行分隔。 所有六个正方形必须保持同一行。如果我可以使它正常工作,那么我可以对较小的视口中的响应度进行必要的调整。 跨浏览器兼容最新版本的chrome和firefox。 L1 L2 L3 L4 L5 L6 问题答案: The main trick here is
本文向大家介绍bootstrap3 兼容IE8浏览器!,包括了bootstrap3 兼容IE8浏览器!的使用技巧和注意事项,需要的朋友参考一下 近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直
概览 本章描述了IE在处理自定义的HTML属性和标签时的一些独特之处。如果你要让你的AngularJS应用兼容IE8和IE8以下的版本的话,你需要仔阅读本章。 简易版 要让你的AngularJS应用在IE中正常运行你必须: 确保JSON字符串能被正常解析(IE7需要),你可以使用JSON2或者JSON3来实现。 你不能使用自定义的元素标签,如<ng:view>(你只能使用属性的形式,如<div n
在caniuse中查到的是谷歌66以上版本,但是今天在66版本试了不行
我们在div里放一个img,发现: 在html和html5中,div的长宽是不同的,后者的高度要超过几个像素。 比如说,下面这个是html的。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">