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

【问题标题】：Office js : can i use web component in my Word addin using Visual Studio?Office js：我可以使用 Visual Studio 在我的 Word 插件中使用 Web 组件吗？
【发布时间】：2021-02-23 20:09:39
【问题描述】：

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

提前致谢！

Test.js

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

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

Test.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>

【问题讨论】：

标签： javascript visual-studio office-js web-component word-addins

【解决方案1】：

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

JavaScript API for Office不与 FireFox/Chromium/Safari Browser APIs

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

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

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

【讨论】：

我使用了polyfills，问题似乎已经解决，但是由于使用了Web组件，我觉得我的插件速度较慢。它甚至发生崩溃。会不会和 Word API 产生冲突？
抱歉，帮不上忙，我在 2 年前离开了 Microsoft World.. 15 年已经足够了.. 我也不是 Web Component Polyfill 用户.. 我离开是因为我没有想再使用 IE 并且只想使用现代技术。