为什么我可以在静态html中使用AR，js但不能在vue应用程序中工作

Question

我尝试通过vue CLI在Web应用程序构建的Web应用程序中导入带有CDN的AR.js，但不起作用（可以打开相机，但不能显示AR项目）

然后我尝试将代码放入静态html中，并且可以正常工作，所以我认为代码是正确的（从AR.js入门中复制）

我使用的CDN，我把它们放在头尾。

  <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
  <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.2/aframe/build/aframe-ar.js"></script>

我在vue组件中的代码。

<template>
  <a-scene embedded arjs>
    <a-marker preset="hiro">
      <a-box position="0 0.5 0" material="color: black;"></a-box>
    </a-marker>
    <a-entity camera></a-entity>
  </a-scene>
</template>

这是我的控制台 https://imgur.com/GgDtOTn