情景描述
React项目通过
npm run start
启动后, 在Chrome浏览器、Firefox浏览器和Edge浏览器都可以正常运行, 但是在IE浏览器打开的时候, 控制台报标题的错误
解决方法
1. SCRIPT1002: syntax error File: 0. chunk.js, Line: 2296, Column: 27
SCRIPT1002: syntax error File: 0. chunk.js, Line: 2296, Column: 27
src/index.js
添加下面内容, 放在首行
import 'react-app-polyfill/ie9';
import 'react-app-ployfill/stable;'
import 'fast-text-encoding/text';
package.json
找到
browserslist
, 添加上ie9即以上的支持
"browserslist" {
"production": [
...,
"ie>9",
],
"development": [
...
"ie>9",
]
},
首先保证有上面的模块, 没有的话, 可以执行
npm install
进行安装
模块安装好之后, IE浏览器再次打开该项目, 这时, 这个问题就解决了. 但又出现了下面的问题…
2. SCRIPT5022: SyntaxError File: 1. chunk.js, Line: 197681, Column: 38
SCRIPT5022: SyntaxError File: 1. chunk.js, Line: 197681, Column: 38
IE浏览器控制台报上面的错误, 解决方法:
打开
/node_modules/react-dev-utils/webpackHotDevClient.js
, 在下面代码中加入
slashes: true,
然后,
进入
node_moudles
文件夹下, 删除
.cache
文件夹的所有内容, 清除ie浏览器的缓存.
3. SCRIPT5009: 'Map' is File: Map is undefined e.chunk.js, Line: 2340,0 Column: 3
SCRIPT5009: 'Map' is File: Map is undefined e.chunk.js, Line: 2340,0 Column: 3
这个错误我并没有有亲自解决, 由于公司项目, 服务器上内网运行不了
npm install
, 因此, 提供思路, 希望你可以完美解决.