IE11访问localhost显示空白页其余浏览器运行正常该如何解决？

该报错本质为IE11语法兼容问题，并非真的存在标点缺失：IE11不支持ES6及更高版本的JavaScript语法，遇到无法解析的现代语法时会误报为“缺少分号”，Chrome、Safari、Firefox等现代浏览器原生支持ES6+语法，因此不会触发同类报错。

排查解决步骤 #

• 调整转译工具兼容配置
  检查Babel、SWC等代码转译工具的目标配置，确认是否将IE 11加入兼容列表。以常用的browserslist配置为例，需要在项目根目录的.browserslistrc文件中新增IE 11规则，或在babel配置的targets字段明确指定兼容IE11，确保构建时所有ES6+语法都会被转译为IE11支持的ES5语法。
• 处理第三方依赖兼容问题
  部分第三方npm包默认不会发布ES5格式的产物，若项目直接引入了未转译的依赖包也会触发该问题。可以调整构建工具的转译规则，放宽node_modules目录下的转译限制，将存在兼容问题的依赖包加入转译范围。比如webpack场景下可以修改babel-loader的exclude配置，跳过需要转译的第三方包。
• 补充缺失的polyfill
  检查代码中是否使用了IE11不支持的原生API，比如Promise、Array.prototype.includes、Object.assign等，这类API无法通过语法转译处理，需要引入对应的垫片。推荐使用core-js按需引入对应polyfill，覆盖IE11缺失的原生API能力。
• 定位具体错误语法
  直接打开编译后的JS产物文件，跳转到报错的100000行附近，检查是否存在箭头函数() => {}、可选链?.、空值合并运算符??、模板字符串等IE11不支持的语法，定位到具体语法类型后可针对性调整转译规则，降低排查成本。

内容的提问来源于stack exchange，提问作者eengstroem