在 ScriptLab 的 JavaScript 项目中使用 Office UI Fabric 时出现语法错误

Question

在新的 ScriptLab 的 JavaScript 项目中，我添加了以下库以获取 Office UI Fabric 功能：

https://static2.sharepointonline.com/files/fabric/office-ui-fabric-js/1.2.0/js/fabric.min.js

所以我写了这个脚本（只注意fabric字）：

var ChoiceFieldGroupElements = document.querySelectorAll(".ms-ChoiceFieldGroup");
        for (var i = 0; i < ChoiceFieldGroupElements.length; i++) {
        new fabric['ChoiceFieldGroup'](ChoiceFieldGroupElements[i]);
    }

我在 fabric 关键字中看到红线错误语法。我知道如果项目是 TypeScript 而不是 JavaScript，我可以在脚本顶部写这个来防止这种情况：

declare var fabric: any

但是，我应该在 JavaScript 部分的顶部写什么？补充一句，项目运行正常，辛苦了。

Answer 1

实际上，您可以这样做：添加 declare var fabric: any.

Script Lab 同时使用 TypeScript 和 JavaScript（从某种意义上说，它实际上始终是 TypeScript；但由于 TS 是 JS 的超集，因此两者都有效）。

因此，只需将它放在脚本部分的某处，红色波浪线就会消失，代码将继续正常运行。

顺便说一下，这正是其中一个 Word 示例所做的：

在 ScriptLab 的 JavaScript 项目中使用 Office UI Fabric 时出现语法错误

Syntax error when using Office UI Fabric in a ScriptLab' JavaScript project

office-js

office-ui-fabric

scriptlab