反应反应;编写新组件错误

Question

我不确定我在这里搞砸了什么。我设法在基本A型框架中编写了自己的组件，但是自从移至Aframe-React以来，我会遇到错误：

Error in ./src/components.js
C:PATH_TOsrccomponents.js
  1:1  error  'AFRAME' is not defined  no-undef

components.js：

AFRAME.registerComponent('pointer_click', {
    // ...
});

我会导入错误吗？

import 'aframe';
import 'aframe-animation-component';
import 'aframe-particle-system-component';
import 'babel-polyfill';
import {Entity, Scene} from 'aframe-react';
import React from 'react';
import ReactDOM from 'react-dom';
import './components.js';

Answer 1

如果您使用的是Create-react-app，则需要遵循此create-react-app-global-vars以将'aframe'引用为全局变量。

基本上，在Aframe组件文件的顶部包含它。

const AFRAME = window.AFRAME;

Answer 2

也许这只是一块错误或捆绑错误？您正在使用什么捆绑器？我想知道您是否必须将AFRAME声明为某个地方的全局（例如，顶部的/* globals AFRAME */）或将AFRAME定义为某些配置中的全局。

如果您可能使用 semistandard linter，则可以放入package.json：

"semistandard": {
  "globals": [
    "AFRAME",
    "THREE"
  ],
  "ignore": [
    "build/**"
  ]
}