admin管理员组文章数量:1644398
react项目兼容ie
- 配置好的react项目,在chrome中运行OK,但是在ie下却报错。
- VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
- react项目兼容ie报错,map未定义
配置好的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/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 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1729383492a1199256.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论