配置好的react项目，在chrome中运行OK，但是在ie下却报错。

加一个@babel/polyfill

npm install @babel/polyfill --save

可能还需要引入：

npm install --save core-js@3

并且，在启用文件app.js最顶部引入：

import @babel/polyfill

我的项目用以上方法不管用。用了下一个方法。

VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

安装react-app-polyfill和core-js

npm install react-app-polyfill core-js

在项目src/index.js文件的最顶部引入

import 'core-js/es'
import 'react-app-polyfill/ie9'
import 'react-app-polyfill/stable'

修改package.json

    "browserslist": {"production": [">0.2%","not dead","not op_mini all","ie > 9"],"development": ["last 1 chrome version","last 1 firefox version","last 1 safari version","ie > 9"]},"devDependencies": {}

如果失效，删除一下node_modules，重新下载。

下载失败可以看另一个文章：
https://blog.csdn.net/qq_42571665/article/details/121745609.

react项目兼容ie报错，map未定义

根据 react 官方文档，在index.js使用 core-js 引入 polyfill：

import 'react-app-polyfill/ie9'
import 'core-js/es6/map'
import 'core-js/es6/set'

通过在 index.html 文件的头部引入 es6-sham 和 es6-shim，保证执行所有代码前执行 polyfill 脚本，解决了该兼容性问题

...<title>React App</title><script src="./es6-sham.js"></script><script src="./es6-shim.js"></script></head>
...

react项目兼容ie相关推荐

React 项目兼容低版本浏览器
兼容低版本浏览器真的是让人头大,不过现在好在有框架鱼插件的运用,让我们轻松的兼容低版本浏览器,本文中以 DvaJS Cli 举例下载 react-app-polyfill 和 core-js 插件 ...
react项目中使用阿里播放器播放视频，包括切换视频，播放定时跳转（兼容ios和andro），播放完成
react项目中使用阿里播放器播放视频,包括切换视频,播放定时跳转(兼容ios和andro),播放完成 1.index.html引入阿里播放器的cdn <link rel="style ...
React 项目--引入bebal 解析JSX（5）
通过webpack创建react,我们可以观看前面的博文: https://blog.csdn.net/datouniao1/article/details/119460618 我们知道是React项 ...
react项目_如何从零开始创建React项目（三种方式）
在开发React项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建React项目的方式,分别是在浏览器中直接引入.使用官方脚手架create ...
react 项目的一个ie8兼容性问题
react 项目的一个ie8兼容性问题 2016/05/30 ie8React前端开发相信现在很多人在使用react+webpack做项目,然后通过babel来解决ES6/7的兼容性问题,对于ie ...
使用webpack5自己搭建react项目脚手架（手把手教，把手伸过来，好软~呸，好手）
问:目前前端最火的两大框架react和vue官方都有自己的成熟的cli脚手架,为什么还要自己搭建脚手架了? 答: 一.自己搭建脚手架可以根据自己公司的项目特征来决定使用哪些具体的插件或者编译方式,官方 ...
React 项目配置 Win10 WSL
联系我:最新首发文章合集前言团队新启动一个 React 项目, 有些配置命令是 Linux 指令,同事用的 Mac 电脑,我 git clone 下来之后,发现 npm install 和 npm ...
手动搭建 React 项目
目录一. 初始化项目二. Webpack 配置 2.1 基础配置设置 2.2 安装基础插件包 2.3 测试 2.4 总结三. 添加对 scss 样式文件的支持 3.1 TODO 3.2 webp ...
react浏览器兼容报错处理
IE11以下浏览器报错 1.在低版本的谷歌浏览器和ie11浏览器以下页面变成空白.以及下图报错解决方法: (1)先安装babel-polyfill依赖,npm install babel-polyf ...

react项目兼容ie

react项目兼容ie

配置好的react项目，在chrome中运行OK，但是在ie下却报错。

VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

react项目兼容ie报错，map未定义

react项目兼容ie相关推荐

最新文章

热门文章