ReactJS 和 Adsense 响应式广告

Question

我与 ReactJS 中的 Adsense 广告斗争了几个小时：

这是我的代码：

export default class AdJobDetail extends React.Component {
    componentDidMount() {
        (window.adsbygoogle = window.adsbygoogle || []).push({});
    }

    render() {
        return (
            <div className={style.container}>
                <ins className='adsbygoogle'
                    style={{ display: 'display:block' }}
                    data-ad-client="ca-pub-6591684000448474"
                    data-ad-slot="6458345829"
                    data-ad-format="auto" />
            </div>
        );
    }
}

（广告客户和广告位已更改）。

这是我使用的样式：

.container {
margin-top: 20px;
border: 1px solid $light-grey;
width: 200px;
height: 200px;
}

.ins {
width: 100%;
height: 100%;
}

我不断得到：

adsbygoogle.push() 错误：没有可用宽度=0 的槽大小

我的问题是：

• 对我来说，宽度大于 0，为什么会出现此错误？
• 会不会是脚本没有正确挂载？但是我的非响应式广告效果很好......

Answer 1

您可能需要对宽度使用绝对单位（例如 px），而不是百分比等相对宽度单位。