无法将A帧导入组件 - Angular2

时间:2017-02-10 15:32:50

标签: angular angular-cli aframe

我创建了一个使用angular-cli创建的项目,我通过aframe安装了npm install aframe --save,当我尝试通过import 'aframe';在组件中导入它时,会导致以下内容:错误:

  

无法在registerElement上执行Document:类型a-node的注册失败。具有该名称的类型已经注册。

在这种情况下,使其工作的唯一方法是在<head>文件的index.html标记中导入库。相反,我想访问aframe object3D到modify个对象实体,如下所示:

AFRAME.registerComponent('foo', {
  init: function () {
    // Do something
  }
});

但不幸的是我无法使其发挥作用。您对如何解决此问题有所了解吗?提前感谢您的回复!

1 个答案:

答案 0 :(得分:3)

以下是你在Angular2中正确使用它所需要的:

  1. 编辑angular-cli.json并添加脚本节点的路径:
  2. "scripts": [
      "node_modules/aframe/dist/aframe-master.js"
    ],
    
    1. https://github.com/devpaul/aframe-typings/blob/master/src/AFRAME.d.ts

    2. 下载打字
    3. 使用以下代码引用组件中的输入:

    4. /// <reference path="../typings/AFRAME.d.ts" />
      

      或在tsconfig.json中全局安装打字:

      "files": [
          "typings/AFRAME.d.ts"
        ]