在构建/调试 Microsoft 插件时是否可以使用 React Devtools?
我试过的:
我尝试将 React devtools 设置为独立应用程序。
- npm i -g 反应开发工具
- 反应开发工具
- 将
<script>
标签复制到我的代码中。
结果是独立的 react-devtools 应用程序打开了,但它没有连接到 React。
在构建/调试 Microsoft 插件时是否可以使用 React Devtools?
我试过的:
我尝试将 React devtools 设置为独立应用程序。
<script>
标签复制到我的代码中。结果是独立的 react-devtools 应用程序打开了,但它没有连接到 React。
是的,Office 加载项作为普通 React 应用程序托管在 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 分钟内运行没有任何问题。