无法将 A 框架导入组件 - Angular2答案

【问题标题】：Can't import A-frame into component - Angular2无法将 A 框架导入组件 - Angular2
【发布时间】：2017-09-27 17:35:20
【问题描述】：

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

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

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

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

但不幸的是，我无法让它工作。你知道如何解决这个问题吗？提前感谢您的回复！

【问题讨论】：

【解决方案1】：

这是你必须让它在 Angular2 中正常工作：

"scripts": [
  "node_modules/aframe/dist/aframe-master.js"
],

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

或在您的 tsconfig.json 中全局安装类型：

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

【讨论】：