VueはQRCodeプラグインを使用してQRコードを生成していますが、マウントされたフックでのエラー： "TypeError: nullのプロパティ'appendChild'を読み取れない"

First step install npm install --save qrcodejs2

 Step 2 project introduces import QRCode from "qrcodejs2"; // QRコード 

 ステップ3 使用する

<template>
    <div class="qrcodeimg">
      <p id="qrcode"></p>
    </div>
</template>
<script>
import QRCode from "qrcodejs2"; // QR code
export default {
   methods: {
    qrcode() {
      let qrcode = new QRCode("qrcode", {
        width: 120,
		height: 120, // height
		colorLight: "#ffffff",
        text: ''// QR code content
      });
    }
  },
  mounted() {
   this.qecode()
  }
};
</script>

マウントされたフックでのエラー: "TypeError。null のプロパティ 'appendChild' を読み取ることができません"。

正確な原因はまだ分かりませんが、ネストしたタグが多すぎることが原因かもしれません。