在开发Microsoft外接程序时反应devtools

时间:2019-01-23 00:56:31

标签: reactjs office-js office-ui-fabric react-devtools

在构建/调试Microsoft加载项时可以使用React Devtools吗?

我尝试过的事情:

我尝试将React devtools设置为独立应用程序。

  1. npm i -g react-devtools
  2. react-devtools
  3. <script>标签复制到我的代码中。

结果是独立的react-devtools应用程序已打开,但未连接到React。

enter image description here

1 个答案:

答案 0 :(得分:1)

是的,Office加载项作为普通的React App托管在iframe中。如果您使用过(选择React作为脚本):

yo office

只要将调试器脚本放在<head>中的src\index.html中,它就应该起作用:

<script src="http://localhost:8097"></script>

只需确保您重新启动外接程序即可。

注意:,这是我第一次创建该加载项,我很好奇,请确保您遵循https://docs.microsoft.com/en-us/outlook/add-ins/quick-start?tabs=visual-studio-code的“更新清单”部分,这样它可以工作。在5分钟内,它没有任何问题。

enter image description here