Question

我通过

安装了A-Frame

npm install aframe --save.

当我使用时：

import 'aframe';  // or use: require 'aframe';
import { Component } from '@angular/core';

@Component({
  selector: 'app',
  template: `
    <a-scene></a-scene>
  `
})
export class AppComponent {}

我收到了错误：

zone.js：1046未捕获TypeError：无法分配给只读属性＆＃39; detachedCallback＆＃39;对象＃＆＃39;

我检查了这个Angular_VRDemo，但仍然没有弄清楚自己。

Answer 1

我猜是因为aframe库没有通过创建自定义元素实现某些属性（如detachedCallback和其他）。 https://github.com/aframevr/aframe/blob/v0.3.1/src/core/a-assets.js#L13-L73

zonejs覆盖了需要所有属性的document.registerElement版本，因此它会中断库加载（https://github.com/angular/zone.js/blob/v0.6.17/dist/zone.js#L1151-L1170）。

作为解决方法，您可以在zonejs

之前加载此库

无法分配给只读属性＆＃39; detachedCallback＆＃39;对象＆＃39;＃＆＃39;

1 个答案: