SCRIPT1002: syntax error File: 0. chunk.js,SCRIPT5009: ‘Map‘ is undefined File: 0. chunk.js-解决方法

情景描述

React项目通过​​npm run start​​启动后, 在Chrome浏览器、Firefox浏览器和Edge浏览器都可以正常运行, 但是在IE浏览器打开的时候, 控制台报标题的错误

解决方法

1.​​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​​

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​​

这个错误我并没有有亲自解决, 由于公司项目, 服务器上内网运行不了​​npm install​​, 因此, 提供思路, 希望你可以完美解决.

官方给出的建议: ​​https://reactjs.org/docs/javascript-environment-requirements.html​​ 算了, 这个还没有解决, 抱歉… 但是解决了上面两步, 可以在 IE的edge版本运行, 注意, 不是edge浏览器哦.