Outlook React桌面插件：Office初始化失败，任务窗格空白

核心问题 #

报错提示与Office.onReady未执行的根源是Office.js的加载路径或文件完整性不符合桌面版Office的要求。

具体修正步骤 #

• 完整复制依赖文件：务必将node_modules/@microsoft/office-js/dist下的所有文件和子目录完整复制到/assets/office-js中，包括loc文件夹、office.debug.js、office.d.ts等配套文件——Office.js加载时会依赖这些子目录里的本地化资源和模块文件，仅复制单个office.js会导致加载失败。
• 改用相对路径引用脚本：桌面版Office加载项的网页运行在本地沙箱环境中，绝对路径（/开头）可能无法正确解析，将taskpane.html中的引用修改为相对路径：

  <script src="./assets/office-js/office.js"></script>
  

  若taskpane.html位于项目子目录，需调整相对层级，例如../assets/office-js/office.js。
• 调整脚本加载顺序：在taskpane.html中，将Office.js的引用放在React入口脚本之前，确保Office对象在React代码执行前完成初始化。示例顺序如下：

  <script src="./assets/office-js/office.js"></script>
  <script src="./static/js/main.[hash].js"></script> <!-- 你的React打包脚本 -->
  

额外检查点 #

• 打开桌面版Office加载项的控制台（右键任务窗格→检查元素），确认无404错误——若存在，说明依赖文件未复制完整或路径书写错误。
• 修正index.tsx中的日志语法错误：原代码中console.log(--index file--)和console.log(--Office initialized--)未用引号包裹字符串，会导致语法错误影响执行，应改为：

  console.log('--index file--');
  console.log('--Office initialized--');
  

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