Office JS React开发加载项时无法访问manifest URL报错如何解决

• 执行npm run start:web后首先确认本地服务启动状态，查看终端无端口占用、依赖缺失类报错，正常启动后服务默认运行在https://127.0.0.1:3000
• 直接在浏览器地址栏输入https://127.0.0.1:3000/manifest.xml验证访问性：
  • 如果提示连接拒绝，说明本地服务未成功启动，检查端口占用情况，执行netstat -ano | findstr :3000（Windows）或lsof -i :3000（macOS/Linux）查看占用进程，结束进程后重启项目，也可修改webpack配置更换服务端口，同步更新manifest中所有本地服务url的端口即可
  • 如果提示证书不安全，是因为项目默认使用自签名证书，需要手动信任证书：
    • Windows：访问https://127.0.0.1:3000，点击高级-继续前往，点击地址栏前不安全标识-证书-安装证书-选择“本地计算机”-存储到“受信任的根证书颁发机构”，完成后重启浏览器
    • macOS：访问https://127.0.0.1:3000，点击地址栏锁标识-查看证书-拖动证书到桌面，双击打开证书-信任项下选择“始终信任”，确认后重启浏览器
• 验证项目根目录的manifest.xml文件存在，未被误改格式，检查webpack配置中是否正确配置了manifest文件的静态资源映射，默认生成的项目会自动将根目录manifest.xml放在静态资源根路径，误改配置需要复原
• 关闭浏览器的跨站拦截、广告拦截插件，这类插件可能会拦截Office 365对本地地址的请求
• 确认当前Office 365账号允许加载自定义加载项，若组织管理员禁用了自定义加载项权限，需联系管理员开启，或使用个人开发者账号测试

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