Question

我有一个使用React，ReactRouter Bootstrap，THREEJS，Apollo，react-proxy-loader和webpack的项目。我想用aframe替换手动编写的THREEJS代码。我添加了以下简单组件：

import 'aframe';
import 'react';

function AFrame (){
return (
  <a-scene>
  <a-entity position="0 .7 0">
    <a-entity id="camera" camera look-controls wasd-controls universal-controls></a-entity>
  </a-entity>
  <a-box
    position="-.5 .1 -1"
    rotation="0 0 0"
    width=".2" height=".2" depth=".2"
    color="#33cc33">
    </a-box>
  </a-scene>
);
}

export default AFrame;

将其添加为路线会给我带来标题错误。看看aframe-master.js我发现了这个：

(function (global){
// This is the entry point if requiring/importing via       node, or 
// a build tool that uses package.json entry (like browserify, webpack).          
// If running in node with a window mock available, globalize its members
// if needed. Otherwise, just continue to./main
if (typeof global !== 'undefined' && global.window) { 
 global.document = global.window.document; 
 global.navigator =  global.window.navigator; 
}

所以我假设，无法访问global.document。我试着评论THREEJS相关的一切，apollo提供者和代理人的东西 - 仍然没有运气。

我使用react-scripts将完全相同的组件添加到示例中。

有没有人知道导致此错误的位置？它可能是一个webpack问题吗？

有没有人知道这是从哪里来的？

aframe-react：TypeError：设置getter-only属性“document”aframe-master.js：62727

0 个答案: