ie浏览器打开react项目报错怎么解决,下面web建站小编给大家详细介绍一下解决方法!
1、安装react-app-polyfill脚手架
npm i react-app-polyfill --save
2、全局引入
import 'react-app-polyfill/ie11' import 'react-app-polyfill/stable'
3、在babel.config.js中配置参数
module.exports = { presets: [ // bable预设, 兼容于ie11的语法配置 [ '@babel/preset-env', // 支持的最低环境版本 { targets: { ie: '11', chrome: '58', }, // 只包含你所需要的 polyfill, 即按需加载 useBuiltIns: 'usage', corejs: 3, }, ], // 转换vue语法 '@vue/cli-plugin-babel/preset', // 转换react语法 '@babel/preset-react', ], plugins: [...] }
4、vue.config.js配置
module.exports = { ... transpileDependencies: [ 'moment', 'crypto-js', '@ecc', // 就是这两个 'react-sortablejs', 'react-contenteditable', ], };
利用react-app-polyfill配置后react项目只能兼容IE11浏览器,低于IE11浏览器还是不能正常显示!
上面是“ie浏览器打开react项目报错怎么解决”的全面内容,想了解更多关于 reactjs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3290.html
workflows工作流
一块慕斯蛋糕ComfyUI工作流
一艘来自工业时代的飞船ComfyUI工作流
一个精致透明的朱红色水晶凤凰
冬天的严寒里红梅枝上停留着一只鸟
一只开屏的白色孔雀ComfyUI工作流
一只可爱的飞鸟ComfyUI工作流
一幅梦幻家园comfyui工作流
一辆停在混凝土墙前运动型SUV捷豹概念车
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!