Instafeed JS 未加载答案

【问题标题】：Instafeed JS not loadingInstafeed JS 未加载
【发布时间】：2018-06-13 20:26:54
【问题描述】：

我正在尝试测试 instafeed.js，但无法在简单的引导页面上加载它

我页面上的所有内容都会加载，包括这个容器，但它是空的，没有任何 Instagram 代码提示。

我在我的根目录中下载了 instafeed js 文件夹。工作文件与这个 instafeed 文件夹在同一个文件夹中，并且 min.js 文件也在其中。

很明显，我的客户 ID 被省略了，但除此之外，我在这里做错了什么？

这是我当前与此相关的代码块：

<head>
<script type="text/javascript" src="instafeed.js-master/instafeed.min.js"></script>
</head>

<div class="container">
    <div id="instafeed"></div>  
</div>


<script type="text/javascript">
$(document).ready(function() {
  var feed = new Instafeed({
    clientId: 'myclientid',
    limit: '4'
    });
  feed.run();
});
</script>

【问题讨论】：

您是尝试从文件系统还是通过 Web 服务器在您的机器上本地查看页面？如果您尝试通过文件系统访问它，您可能需要在您的 Instafeed 选项中添加“useHttp: true”（来源：stackoverflow.com/questions/24152544/trouble-with-instafeed-js）
对不起，应该指定：我正在通过网络服务器

标签： javascript bootstrap-4 instafeedjs

【解决方案1】：

您还需要包含您的访问令牌从这里获取您的访问令牌：http://instagramwordpress.rafsegat.com/docs/get-access-token/

这是我的示例，

if ($instafeed.length) {
            var feed = new Instafeed({
                get: 'user',
                limit: 8,
                userId: userId,
                accessToken: accessToken,
                template: '<a target="_blank" href="{{link}}"><img src="{{image}}" /><div class="instagram-post-stats"><div class="likes">{{likes}}</div><div class="comments">{{comments}}</div></div><i class="fa fa-instagram"></i></a>',
                resolution: 'standard_resolution',
                sortBy: 'most-recent',
            });
        }
            feed.run();

        });
    }
        feed.run();

【讨论】：