Visio Javascript API在加载时失败。缺失Microsoft.Office.WebExtension

Question

我对SharePoint框架web部件中的有问题。它一直在发挥作用，但现在失败了。由于文件Microsoft.Office.WebExtension中缺少对https://appsforoffice.microsoft.com/embedded/1.0/visio-web-embedded.js的引用，因此无法创建“Visio”对象。

The error: Uncaught ReferenceError: Microsoft未在c#中定义(visio-web-embedded.js:26)

在visio Embedded.js：中引用了这个函数中的Microsoft.Office.WebExtension

​

        function c() {
            Microsoft.Office.WebExtension.onReadyInternal().then((function() {
                return i()
            }
            )).then((function() {
                ...
                }()
            }
            ))
        }

​

在进行了一些服务之后，我添加了一个对https://appsforoffice.microsoft.com/lib/1/hosted/office.js的引用，并访问了Microsoft.Office.WebExtension，但是visio-web-embedded.js中的另一个对象失败了。

错误： visio-web-embedded.js:26 Uncaught (承诺) TypeError:无法读取未定义的属性“richApiMessageManager”在visio Embedded.js:26

​

case 5:
  return X.promisify((function(e) {
    return OSF.DDA.RichApi.richApiMessageManager.addHandlerAsync("richApiMessage", r, e)
  }));

​

如何正确使用visio-web嵌入的. use？有没有我错过的推荐人。

pnp示例项目React Visio也有相同的问题：https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-visio。

Answer 1

可能Visio Online API中有更新。您可以查看我的示例，它包含了Visio嵌入的静态内容，看起来仍然有效：

https://github.com/nbelyh/VisioOnlineSpfxWebPart

代码包括这样的Visio (在package.json中)：

  "dependencies": {
    "@microsoft/office-js": "^1.1.40",

然后在config/config.json

  "externals": {
    "VisioEmbed": {
      "path": "node_modules/@microsoft/office-js/embedded/visio-web-embedded.debug.js",
      "globalName": "Visio"
    }
  },

请注意，这是一个静态引用(即嵌入代码将打包到您的web部件中，而不是从在线Microsoft站点引用)。另外，如果您将它与您提到的示例进行比较，这是一种不同的方法。给您一些稳定性-您可以确保您正在使用的库的版本相互兼容。