如果存在twitter小部件脚本，则不会显示Twitter tweet按钮。为什么是这样？

Question

我有一个Twitter推特按钮，它完全没有样式显示，甚至没有显示。如果我删除了带有tweet按钮标签的标签，则标签会显示并定向到一个Twitter页面，您可以在其中进行tweet。但是该按钮未设置样式，也没有典型的tweet按钮的样式。

即使我去publish.twitter.com/并使用他们提供的默认按钮也无法正常工作。

<div class="row">
  <a href="https://twitter.com/intent/tweet?button_hashtag=LoveTwitter&ref_src=twsrc%5Etfw" class="twitter-hashtag-button" data-show-count="false">Tweet #LoveTwitter</a>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

这是我的HTML，其中示例推文按钮来自twitter。这根本不会显示，因此显示我的页面的屏幕快照实际上没有任何意义。

div#map{
width:100%;
height:100%;;
}

.location-form{
position: absolute;
width: 100vw;
z-index: 1000;
height: 100vh;
}

.col.align-self-center{
color: #909090;
text-align: center;
padding-top: 40px;
background-color: #303030;
}

#legend {
font-family: Arial, sans-serif;
background: #fff;
padding: 10px;
margin: 10px;
border: 1px solid #000;
}

#locationbox{
margin: 10px;
padding: 5px;
width: 50%;
}

.media{
border: 2px solid black;
padding: 5px;
border-radius: 5px;
margin: 5px;
}

.no-padding{
padding: 0 !important;
margin: 0;
}

.splash-page{
width: 100%;
height: 100vh;
}

.home-top{
background: url("../images/home-topback.jpeg");
background-size: cover;
background-image: opacity(70%);
}

.carousel-item{
width: auto;
height: 320px;
}

.home-desc{
background-color: #EBDCB2;
}

那是我的（格式不好，对不起，我不知道如何使用代码标签）CSS，如果有帮助的话。