有多种原因可能导致AR.js不显示AR图像。以下是一些常见问题和解决方法：

1. 检查相机权限：AR.js需要访问设备的相机权限才能显示AR图像。确保您的应用程序已经请求并获得了相机权限。以下是一个示例代码片段：

navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    // 相机权限已获得，继续加载AR图像
  })
  .catch(function(error) {
    // 用户拒绝了相机权限请求，处理错误
  });

2. 检查AR.js的初始化代码：AR.js需要正确的初始化和配置才能在浏览器中显示AR图像。以下是一个示例代码片段：

// 创建一个AR.js场景
var scene = new THREE.Scene();

// 创建一个AR.js相机
var camera = new THREE.Camera();

// 创建一个AR.js渲染器
var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
renderer.setClearColor(new THREE.Color('lightgrey'), 0);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建一个AR.js标记识别器
var marker = new THREEx.ArMarkerControls(arToolkitContext, camera, {
  type: 'pattern',
  patternUrl: 'path/to/pattern-marker.patt',
  changeMatrixMode: 'cameraTransformMatrix'
});

// 将AR.js相机添加到场景中
scene.add(camera);

// 渲染AR.js场景
function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
}
animate();

确保您的初始化代码正确，并根据您的需求进行适当的配置。

3. 检查AR图像文件路径：AR.js使用图像文件作为标记来识别和定位AR内容。确保图像文件的路径正确，并且可以在浏览器中访问到。例如，如果您正在使用的是pattern类型的标记识别器，确保指定的图像文件存在并且路径正确。

以上是一些常见的解决方法，可用于解决AR.js不显示AR图像的问题。如果问题仍然存在，请查看AR.js的文档和示例代码，或者在相关社区寻求帮助。