Javascript 推特;跟随;按钮不存在';我没有出现。仅文本

Javascript 推特;跟随;按钮不存在';我没有出现。仅文本,javascript,twitter,Javascript,Twitter,首先,我读过,还有其他很多关于“Twitter按钮无法呈现”的文章。他们没有一个能解决我的问题 我有两个推特按钮彼此靠近Tweet按钮渲染正常,Follow按钮不渲染。无论是FF还是Chrome,都不会向控制台抛出错误或警告。Twitter widget代码没有问题-我复制/粘贴它,没有输入错误或任何东西 显然,这个问题与Twitter小部件没有加载到页面无关,因为“Tweet”按钮显示得很好 然而,Twitter添加了一个奇怪的类名 {/*Tweet呈现所有正确的*/} 我可以用chrom

首先,我读过,还有其他很多关于“Twitter按钮无法呈现”的文章。他们没有一个能解决我的问题

我有两个推特按钮彼此靠近<代码>Tweet按钮渲染正常,
Follow
按钮不渲染。无论是FF还是Chrome,都不会向控制台抛出错误或警告。Twitter widget
代码没有问题-我复制/粘贴它,没有输入错误或任何东西

显然,这个问题与Twitter小部件没有加载到页面无关,因为“Tweet”按钮显示得很好

然而,Twitter添加了一个奇怪的类名

{/*Tweet呈现所有正确的*/}

我可以用chrome 61.0.3163.100(官方版本)(64位)重现您的错误

当您按下F12键并加载页面时,它将在twitter JavaScript中中断,拒绝承诺
c.reject(新错误(“无法在初始化小部件之前添加小部件”)

控制台中没有错误,但在我的Chrome版本中,它会暂停此错误。follow链接有一个
twitter follow按钮错误
类,使用以下代码:

    <a class="twitter-follow-button" 
    href="http://www.wut.com" data-size="large" 
    data-show-screen-name="true" 
    data-show-count="true">Follow</a>

    <script type="text/javascript" async src="https://platform.twitter.com/widgets.js"></script>

使用有效的href时,错误会消失:

    <a class="twitter-follow-button" 
    href="https://twitter.com/TwitterDev" data-size="large" 
    data-show-screen-name="true" 
    data-show-count="true">Follow</a>

    <script type="text/javascript" async src="https://platform.twitter.com/widgets.js"></script>


确保您的开发工具在异常时暂停(我不必检查捕获的异常时暂停)

,并且您的
href
变量指向实际可以遵循的内容…?是的,确实如此。这是一个活跃的实时公共Twitter帐户,我对此没有经验,但您可以尝试prittyfy Twitter JavaScript,在chrome开发工具中使用control+shift+f,并查找Twitter跟踪错误。也许你可以在JavaScript中找到它,打破它,看看出了什么问题。网络中是否存在提供额外信息的故障xhr?浏览器控制台中是否存在错误?活生生的例子?没错。它是帐户url
https://twitter.com/TwitterDev/
。只是一个尾随的斜杠。协议(
http:
https:
)和字母大小写并不重要。但是后面的斜杠抛出了所有的东西。你如何调试它以便你能看到错误?我的控制台没有打印任何错误或警告。当您按F12键并加载页面时,您是如何做到的?@Green我将上述代码添加到现有项目的一个页面中,并在localhost:8080上使用webpack dev server运行它(但我认为您可以运行任何服务器)。打开开发工具并重新加载。也许违背失败的承诺是最新的google chrome所做的事情,我没有选中“暂停捕获异常”复选框(在“源”选项卡中)
    <a class="twitter-follow-button" 
    href="https://twitter.com/TwitterDev" data-size="large" 
    data-show-screen-name="true" 
    data-show-count="true">Follow</a>

    <script type="text/javascript" async src="https://platform.twitter.com/widgets.js"></script>