在带有 Office 加载项的 Typescript 应用程序中使用远程控制台

Question

我正在为 Excel 创建一个插件。我正在使用 Typescript/React 框架。

我希望能够仅使用 console.log，但事实证明这很困难，所以我求助于使用 console.re。

这最终归结为执行以下操作：

在您的 head 标签中包含 <script src="//console.re/connector.js" data-channel="YOUR-CHANNEL-NAME" id="consolerescript"></script>
运行 console.re.log("My Message")

然后它应该出现在浏览器中您的频道名称下方（我使用了正确的频道名称，这不是问题所在）。

然而，无论我怎么尝试，我都无法让它停止抱怨 TS2339: Property 're' does not exist on type 'Console'.

我不确定我是否需要扩展类型定义或什么，如果需要，如何才能正确完成？

Answer 1

通过将以下代码段添加到 global.d.ts

可以很容易地解决这个问题

interface Console {
    re: any;
}

然后，在您的应用程序中，您可以使用类似的东西：

var con = console.re;

con.log("This should work!")

Using a remote console in a Typescript app with for an Office Add-In