qr-code - deveco studio 2.1でQRCODEを表示

Question

deveco studio 2.1で以下のようにindex.hmlファイルを書いてもQRCODEがPreviewerに表示されません。何をすべきか教えてください。API バージョンは 5 です。

index.hml

<div class="container">
    <text class="title">
        {{ $t('strings.hello') }} {{ title }}
    </text>
    <!--<button class="first" type="capsule" value="capsule button">
    </button>
    -->
    <qrcode value="https://www.yahoo.co.jp/" type="rect"
            style="color: #000000;background-color: #ffffff;width: 300px;height: 300px;margin-bottom: 70px;"></qrcode>
</div>