如何解决React JS 无法在 IE 11 中运行,但在 chrome 中运行,出现语法错误
我为 React JS 项目设置了 webpack+babel。它在 Chrome 浏览器中运行良好,但在 IE 中出现“语法错误”。我相信这是由于 babel polyfills,所以我遵循了许多解决方案(例如 - https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill#polyfilling-other-language-features ) 但我发现这在我的情况下不起作用。
//package.json
"browserslist": {
"production": [
">0.2%","not dead","not op_mini all","not ie < 11","ie 11"
],"development": [
"last 1 chrome version","last 1 firefox version","last 1 safari version","ie 11"
]
},"devDependencies": {
"@babel/core": "7.12.0","@babel/plugin-proposal-export-default-from": "7.12.1","@babel/plugin-transform-runtime": "7.12.1","@babel/preset-env": "7.12.10","@babel/preset-react": "7.10.4",},"dependencies": {
"@babel/plugin-proposal-class-properties": "7.12.1","@babel/polyfill": "^7.12.1","@babel/preset-flow": "7.12.1","@babel/runtime-corejs3": "^7.12.5","react": "17.0.1","react-app-polyfill": "2.0.0","react-dom": "17.0.1",}
// babel.config.js
module.exports = {
presets: [
['@babel/env',{
forceAllTransforms: true,"targets": {
"browsers": [">0.25%","not dead"]
}
} ],"@babel/react"
],"plugins": [
"@babel/plugin-proposal-class-properties","@babel/plugin-transform-runtime","@babel/plugin-proposal-export-default-from"
]
};
// Index.js
import 'react-app-polyfill/ie11'
import 'react-app-polyfill/stable'
在此之后,通过清除 npm 缓存
npm cache clear --force
甚至尝试删除 node_modules 并通过 npm install
重新安装它们,但在 IE 11 中仍然遇到相同的错误:
任何可能有助于解决此问题的指针
SCRIPT1002: Syntax error
in main.bundle.js
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。