reactjs - 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
解决方案
推荐阅读
- powershell - 无法在 PowerShell 中使用 ADSI 设置管理器属性
- javascript - 在 React JS 中渲染 n 级嵌套对象的最有效方法是什么?
- c# - 如何验证字典中的项目
使用 FluentValidation 查看模型属性 - lisp - 用通用 lisp 编程语言将文件中的单词读入嵌套列表
- ansible - 如何指定要在 Ansible 剧本中使用的 Python 版本?
- python - 对 pandas 中的 groupby 函数感到好奇,如何为通用数据集编写 groupby?
- reactjs - 为什么 React 组件代码不会自动缩进?
- ruby - 了解 Ruby sort_by
- spring - Hibernate @LazyToOne(LazyToOneOption.NO_PROXY) @OneToOne(fetch = FetchType.LAZY) 总是急切地获取
- git - git可以用来在服务器之间传输大型二进制文件吗