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() error: no slot size for available width=0

我的问题是:

对我来说，宽度大于 0，为什么会出现此错误？

会不会是脚本没有正确挂载？但我有非响应式广告，它们运行良好...

Answer 1

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