使用create-react-app创建的react项目在IE11上报错

最新推荐文章于 2022-04-24 13:36:55 发布
原创 最新推荐文章于 2022-04-24 13:36:55 发布 · 673 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#IE11 #webpack #create-react-app

本文介绍了解决Internet Explorer浏览器与ECMAScript 6语法兼容性问题的方法，通过在项目入口文件导入babel-polyfill，配置webpack，并清理缓存重启项目，实现IE对ES6特性的支持。

一般出现这种情况就是由于IE不兼容ES6的部分语法所导致的，使用babel-polyfill即可解决问题

1.入口文件导入polyfill

2.webpack配置文件entry配置项中新增@babel/polyfill

 

3.删除.cache文件夹中的文件，重启项目

react webpack 打包 支持 ie11_React基础篇（三）之 webpack打包项目配制
weixin_35340181的博客
02-04 574
1、本篇章配置一个 webpack 打包项目2、简述 jsx 语法配置支持使用 IDE 打开目录 在命令行中初化化项目npm init -y然后安装 webpackcnpm i webpack -D然后安装 webpack-cli webpack-cli 用来执行webpack相关命令cnpm i webpack-cli -D创建 源代码src目录、打包输出目录 dist目录 然后在 src ...
React项目中碰到的IE问题
weixin_44526331的博客
04-26 2124
最近接手一个React项目，在IE下碰到了俩问题 IE11报错如下： 跟踪一下之后，发现是一些其他的npm包里面用到了startsWith这个方法，可以自己polyfill一下： if (!String.prototype.startsWith) { String.prototype.startsWith = function (search, pos) { return this.subs...
react-crate-app在ie11报语法错误，不兼容ie11
Voka丶
06-08 1075
1.安装react-app-polyfill 2.在src/index.js中引入import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; 3.在pa.在package.json中搜索browserslist，并添加“ie 11” 4.重启项目
ie11对象不支持此属性和方法 ie11的缓存问题
夜晓星的博客
12-04 3165
更改eclipse的js代码，在ie11上调试 发现调用新更改的方法，在ie11的console输出里 一直提示 对象不支持此属性和方法 点击右上角设置图标 然后点击Internet选项 在常规选项卡里的【浏览器历史记录】点击设置 在弹出的【网站数据设置】弹框中的【Internet临时选项卡】中 点击【查看文件】可看到ie11缓存的所有文件 ctrl+a + Del 删除所有缓存 在弹出的【网站...
create-react-app 支持IE（IE11/IE10/IE9）
小蚂蚁的世界
09-06 7269
create-react-app创建项目之后无法在IE上正常访问 修改代码支持IE11 (github地址：添加代码支持IE11) 修改package.json，index.js，然后删除node_modules，重新安装 修改代码支持IE10/IE9(github地址：添加代码支持IE10/IE9) 上一步骤之后，IE10/IE9存在下面问题 （1）安装 core...
create-react-app中的注意事项
前端菜鸟
06-22 1473
1：所有组件的中的this指的组件本身；所以window上绑定的所有属性跟方法必须用window方法调用；window方法不能省略
npx create-react-app xxx创建项目报错的解决办法
11-21
根据React官方文档（上图）可以发现，此时并不需要安装create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。 报错 好的:OK_hand:，那就根据上面的来呗，...
create-react-redux-app：基于create-react-app的React样板
02-05
创建React Redux应用 该项目是通过。 该项目包括额外的redux软件包和改进的文件结构。...git clone git@github.com:YUzhva/create-react-redux-app.git NEW_PROJECT_NAME # with HTTPS git clone https://g
create-react-app构建项目慢的解决方法
08-27
在开发React应用时，`create-react-app` 是一个非常受欢迎的工具，它提供了一种快速、无痛的方式来创建一个新的React项目，集成了许多开箱即用的配置和最佳实践。然而，有时候使用`create-react-app`创建项目时，...
详解使用create-react-app快速构建React开发环境
12-10
最近在折腾react开发，总结一个react环境搭建的教程，写得比较细碎，基本上就是自己的搭建步骤了，希望能够帮助到有需要的小伙伴。...create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下命令创建项
create-react-app创建，ie11不兼容
weixin_30551963的博客
07-03 754
按照官方文档使用yarn create react-app centre-app 创建工程，使用yarn start, chrome浏览器可正常访问 但在ie11下报如下图错误 解决方案如下： 1. yarn add react-app-polyfill2. 在src/index.js的最顶部引入import ‘react-app-polyfill/ie11’;import ‘reac...
react 谷歌浏览器报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
u010234868的专栏
04-24 4643
运行react项目，报错： Uncaught TypeError: Cannot read properties of undefined (reading 'forEach') at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:488) at Object../node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshE
Array.prototype.at()
qq_36656155的博客
11-19 932
看到MDN上Array有一个新的函数，但还在实验中，并没有正式开放 实际上在chrome浏览器上new一个数组，也是存在这个函数的。 at的含义就是快速定位数组中的第几项。比如我们不知道一个数组的长度，但是要获取最后一项，通常用arr[arr.length - 1]。如果用at的话就是arr.at(-0) at取值负数就是倒数、从后往前数，-0就是倒数第一，-1就是倒数第二，-2就是倒数第三…… 取值正数就是正数、从前往后数，0就是第一项，1就是第二项，2就是第三项…… ..
解决create-react-app创建的项目在IE浏览器空白兼容性问题（支持IE11、IE10、IE9）
jsyxiaoba的博客
11-14 3201
通过create-react-app创建的项目在IE浏览器空白一片，今天来说说解决方案，支持ie9–ie11。 支持IE11的操作 1.检查node_module里面有没有 ‘react-app-polyfill’ 模块，如果没有，通过命令 npm install react-app-polyfill --save 安装。 2.如果有此模块，接下来需要进行修改配置文件 package.json "...
react项目在IE11打开不兼容解决办法
qq_43340606的博客
03-31 2718
场景一: 1.安装react-app-polyfill npm i react-app-polyfill --save 2.在src/main.js引入(需放在首行) import 'react-app-polyfill/ie11' import 'react-app-polyfill/stable' 场景二: 解决: 在babel.config.js中配置参数 module.exports = { // https://www.babeljs.cn/docs...
解决 create-react-app IE 兼容性问题
weixin_34085658的博客
01-20 1818
使用最新版本的 create-react-app（v2.1.0）创建 react 项目时，在 IE 9 & IE 10 中碰到了"Map未定义"的报错： 很明显，这是 IE9 对 ES6 的兼容性问题。首先尝试了两种方式： 使用 create-react-app 官方提供的 react-app-polyfill，然后在入口文件 ...
React项目兼容IE问题
weixin_45968609的博客
09-05 2342
React/兼容IE方法React项目兼容IE 11一、首先在确保yarn start , chrome浏览器可正常访问；二、在项目src/index.js文件的最顶部引入polyfill；三、在package.json文件的browserslist添加“ie 11”；四、此时打开IE浏览器访问，查看“控制台”，有错误提示；五、在项目控制台Terminal中添加react-app-polyfill；六、重新启动项目即可【注：若IE还是不能访问，删除node_modules文件下的所有内容，重新yarn in
react浏览器兼容报错处理
Lily_miao的博客
12-13 4762
IE11以下浏览器报错 1.在低版本的谷歌浏览器和ie11浏览器以下页面变成空白。以及下图报错 解决方法： （1）先安装babel-polyfill依赖，npm install babel-polyfill --save （2）安装好之后在配置文件webpack.config.dev.js中引入polyfills.js。如下图，下图为多入口文件（多页）配置的引入方式。 单入口（单...
使用create-react-app搭建并优化dva项目指南
- **项目搭建**：首先，需要使用 Create-React-App 创建一个新的 React 应用项目。这通常通过命令行工具完成，如运行 `create-react-app project20180702` 来创建项目。 - **安装dva**：创建项目之后，下一步是安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值