Office js：我可以使用 Visual Studio 在 Word 插件中使用 Web 组件吗？

如何解决Office js：我可以使用 Visual Studio 在 Word 插件中使用 Web 组件吗？

我想在我的 Word 插件中使用 Web 组件，但是我在一个简单的测试中出现了一个错误，错误如下：无法获取未定义或空引用的属性“定义”。

提前致谢！

Test.js

class MyProduct extends HTMLElement {
    constructor() {
        super();
        this.innerHTML = "hello";
    }
}

window.customElements.define('my-product',MyProduct);        //The error is just here

测试.html

<!DOCTYPE html>
<html>
<head>
    <Meta charset="UTF-8" />
    <Meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>Word Add-In with Commands Sample</title>

    <script type="module" src="Test.js"></script>

    
</head>
    <body>
        <my-product></my-product>
    </body>
</html>

解决方法

window.customElements.define('my-product',MyProduct);
// 无法获取未定义或空引用的属性“定义”。

JavaScript API for Office 与 FireFox/Chromium/Safari 浏览器 API 不相同

未定义的错误说：customElements 元素上没有 window API。
（也没有浏览器 window）

要了解您可以在 Word 中使用 JavaScript 做什么，请参阅：https://docs.microsoft.com/en-us/javascript/api/word?view=word-js-preview

现在； Office 插件中没有自定义元素。