aframe-reagieren; Schreiben neuer Komponente Fehler

Question

Ich bin nicht wirklich sicher, was ich hier vermasseln. Ich habe es geschafft, meine eigenen Komponenten in Grund A-Frame zu schreiben, aber seit dem Umzug Aframe reagieren Ich erhalte die Fehlermeldung:

Error in ./src/components.js 

C:\PATH_TO\src\components.js 
    1:1 error 'AFRAME' is not defined no-undef 

components.js:

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

Bin ich es importieren falsch?

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

Vielleicht ist das nur ein Flusenfehler oder Bundler Fehler? Welchen Bundler benutzen Sie? Ich frage mich, ob Sie AFRAME als global irgendwo deklarieren müssen (z. B. /* globals AFRAME */ an der Spitze) oder definieren Sie AFRAME als eine globale in einigen Konfig.

Wenn Sie möglicherweise sind semistandard Linter verwenden, können Sie in package.json setzen:

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

Answer 2

Wenn Sie erstellen reagieren-App verwenden, dann müssen Sie diese create-react-app-global-vars zu Referenz ‚ARAHMEN‘ folgen, wie eine globale Variable.

Fügen Sie diese Datei am Anfang Ihrer AFrame-Komponentendatei ein.

const AFRAME = window.AFRAME;