Sharepoint SPFX - 外部JavaScript加载问题-Java 学习之路

我跟着quick start并做了一个工作问候世界网站 .

我想要包含twitter小部件，所以我按照指南添加了外部JavaScript，this是从git hub链接的

我将以下内容添加到我的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 工作正常 .

1 回答

1
看起来这里有2个问题 .

This may be a problem with a HTTPS certificate. - 这个错误看起来是来自Twitter 's end and we can' t做任何事情 .

其次， widgets.js 是非AMD . 所以，你需要加载它有点不同 .

参考 - Loading a non-AMD module

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

之后，我修改了 config.json ，如下所示：
```
"externals": {    
      "widgets": {
          "path": "scripts/widgets.js",
          "globalName": "twttr"
      }  
  },
```
在这里，我在解决方案的根目录下创建了一个名为 scripts 的文件夹，并在那里添加了js文件 .

修改您的import语句并添加替换它，如下所示：
```
require("widgets");
```
当内容被注入页面时，您的Twitter提要将不会显示，添加以下代码来加载您的推文
```
public constructor() {
  super();
  let w= require("widgets");
  setTimeout( () => w.widgets.load(), 0);
}
```
我的文件夹结构如下：

现在，运行gulp serve，它将正常工作 .
回复于 2024-04-27T02:10:24+08:00

Sharepoint SPFX - 外部JavaScript加载问题

1 回答

相关问题