在 Angular 6 中实现 AR.js答案

【问题标题】：Implementing AR.js in Angular 6在 Angular 6 中实现 AR.js
【发布时间】：2018-10-17 22:39:39
【问题描述】：

我一直在尝试在 Angular 6 中实现 AR.js，但似乎无法正常工作。
我在这里使用本指南实现了 A-frame：https://medium.com/@pitipon/a-frame-with-angular-setup-project-5797b2f2a03b

即使 aframe 看似工作，我也无法真正让 ar.js 工作。我已经尝试像某些人所做的那样将其添加到 index.html 中，但这对我也不起作用。我还尝试使用 npm install 安装它并将其添加到 angular.json 中的脚本中，但似乎都没有帮助。

这是我的 app.component.html：

<a-scene embedded arjs='sourceType: webcam;'>
  <a-marker preset='hiro'>
  <a-box position="0 0.5 0" rotation="0 45 0" color="#4CC3D9"></a-box>
  </a-marker>
  <a-entity camera></a-entity>
</a-scene>

我的 index.html 现在只是默认设置，因为在那里添加脚本似乎不起作用。

我可以通过将脚本添加到 index.html 并将 app.component.html 中的内容放在正文中而不是 app-root 中来让网络摄像头工作，但它只会在我的控制台中填充错误并失败检测任何东西。

我似乎无法让它工作。如果有人能告诉我他们是如何做到的，我将不胜感激。

【问题讨论】：

您是否遇到任何错误？ github.com/jeromeetienne/AR.js/issues/379检查此链接是否有效
我总是因为 aframe 而收到 zone.js 错误，但它似乎并没有阻止 aframe 按预期工作。如果我将脚本和场景仅放入我目前没有的 index.html 中，也会出现大量错误。我不太担心这些错误，因为我不认为实现 AR.js 的这种方式对我计划用它做的一些事情有用。同样可悲的是，我在那个问题上尝试了 eagor 的解决方案，但它也没有奏效。
zone.js 错误是这样的顺便说一句：“未捕获的 DOMException：无法在“文档”上执行“registerElement”：类型“a-node”的注册失败。具有该名称的类型已经注册。”

标签： javascript angular ar.js

【解决方案1】：

好吧，问题似乎是我导入 Aframe 的方式。如果您这样做，请不要遵循我链接的指南 ar.js 似乎无法正常工作，即使 Aframe 也会。相反，只需将脚本添加到 index.html 的头部，然后从 app.module.ts 中的 @angular/core 导入 CUSTOM_ELEMENTS_SCHEMA 并将其放入 @NgModule 中 bootstrap 下的 schemas: [] 中。

【讨论】：