Office JS加载项在IE内核Outlook 2013/2016报SCRIPT16389错误如何解决

报错的核心原因是react-router-dom的BrowserRouter与Outlook 2013/2016使用的IE内核WebView存在兼容性冲突：

• BrowserRouter依赖HTML5 History API的pushState/replaceState方法实现路由，而Office JS加载时会默认重写History API，即使你在html中做了方法备份恢复，IE内核在Office加载项的受限安全上下文中调用replaceState传递路径参数时，仍会触发SCRIPT16389未指定错误
• 代码存在笔误：你定义的路由切换方法名为switchComponent，但render函数中调用的是switchComponents（多了后缀s），也可能引发额外运行时错误

按优先级依次执行以下修改即可解决问题：

1. 替换BrowserRouter为HashRouter
   HashRouter基于URL hash值实现路由，完全不依赖History API，可从根源规避IE的兼容问题。只需修改App.js中的路由导入语句：

// 修改前
import { Route, Switch, Redirect, BrowserRouter as Router } from "react-router-dom";
// 修改后
import { Route, Switch, Redirect, HashRouter as Router } from "react-router-dom";

其余路由配置无需调整。

2. 修复代码笔误
   将render函数中的{this.switchComponents()}改为{this.switchComponent()}，匹配实际定义的方法名。

3. 补充IE11兼容Polyfill
   Outlook 2013/2016使用的IE11内核不支持ES6+语法，在项目入口文件最顶部导入兼容包：

import 'core-js/stable';
import 'regenerator-runtime/runtime';

确保async/await、新数组方法等语法在IE环境下可以正常运行。

4. 调整Office初始化时序（可选优化）
   建议将Office.initialize回调放在入口文件最顶部，等待Office上下文完全初始化后再渲染React根组件，避免因初始化时序问题导致的上下文访问异常。

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