Reactのaframeエンティティに画像を追加する

Question

ReactのAframeエンティティコンポーネントに画像を追加しようとしています。プレーンジオメトリの素材として画像を追加する方法は次のとおりです。

<Entity geometry="primitive: plane; width: 30; height: 30" 
       material={{src: "url(assets/image2.jpg)"}} 
       position="0 -2 0" 
       rotation="-90 0 0"> 
</Entity> 

ただし、画像は表示されません。画像は生のhtmlでは正しく読み込まれましたが、ReactやJSXでは使用できません。

私は、コンソールで次のエラーを取得しています：[.Offscreen-FOR-WebGLの-0x7fb65d129a00 $s 1S +有効な映像ではありません資産/ image2.jpgを警告

：

コンポーネント：テクスチャ]レンダリング警告：テクスチャユニット0にバインドされたテクスチャはレンダリングできません。おそらく2のべき乗ではなく、互換性のないテクスチャフィルタリングを持っています。

材料属性値を渡すための正しい方法は、それが中にすべてのものならば、あなたのエンティティコンポーネントに

このような

<Entity geometry={{primitive: 'sphere', radius: 5000}} material={material} /> 

を渡すこの

let material = { 
      shader: 'flat', 
      src : './imagepath.jpg' 
     }; 

のような（）メソッドをレンダリング
宣言することができ

Answer 1

画像が表示されない場合でも、すべてをインポートしてください。 -

import React from 'react'; 
import 'aframe'; 
import 'babel-polyfill'; 
import {Entity} from 'aframe-react';