Sharepoint SPFX-外部javascript加载问题

我已经跟随了，并且制作了一个工作的hello world Web部件

我想包括twitter小部件，因此我遵循了添加外部JavaScript的指南，它是从GitHub链接而来的

我将以下内容添加到config.json中

"externals": {
  "widgets":"https://platform.twitter.com/widgets.js"
},

我和你一起进口

import 'widgets';

但是，我得到了以下错误

***Failed to load component "ab3668f3-39a2-4b40-a307-a1bea4023df9" (TwitterWebPart).
Original error: ***Failed to load URL 'https://platform.twitter.com/widgets.js' for resource 'widgets' in component 'ab3668f3-39a2-4b40-a307-a1bea4023df9' (TwitterWebPart). There was a network problem.
This may be a problem with a HTTPS certificate. Make sure you have the right certificate.

---

网址https://platform.twitter.com/widgets.js 工作正常。

这里似乎有两个问题

这可能是HTTPS证书的问题。-这个错误看起来是twitter的末日，我们对此无能为力

其次，widgets.js不是AMD。因此，您需要以不同的方式加载它

参考-

为了解决这些问题，我下载了https://platform.twitter.com/widgets.js 本地文件，并将其添加到另一个文件夹中

之后，我修改了config.json，如下所示：

"externals": {    
      "widgets": {
          "path": "scripts/widgets.js",
          "globalName": "twttr"
      }  
  },

require("widgets");

在这里，我在解决方案的根目录下创建了一个名为scripts的文件夹，并在那里添加了js文件

修改您的导入语句并添加替换语句，如下所示：

"externals": {    
      "widgets": {
          "path": "scripts/widgets.js",
          "globalName": "twttr"
      }  
  },

require("widgets");

当内容被注入页面时，您的twitter提要将不会显示，请添加以下代码以加载您的推文

public constructor() {
  super();
  let w= require("widgets");
  setTimeout( () => w.widgets.load(), 0);
}

我的文件夹结构如下：

"externals": {    
      "widgets": {
          "path": "scripts/widgets.js",
          "globalName": "twttr"
      }  
  },

require("widgets");

现在，运行大口发球，它将正常工作