未知のエラー：モジュール "./RandomWords"を見つけることができません

Question

私の反応のアプリケーションでは、2つのネストされたコンポーネントがあります。親はRandomWords、子はWordです。ここで

は、親（Randomword）です：

var things = ['Rock', 'Paper', 'Scissor']; 
var thing = things[Math.floor(Math.random()*things.length)]; 
console.log(thing); 

var Word = require('./Word'); 
var React = require('react'); 

    var RandomWords = React.createClass({ 
     render: function() { 
     return (
      <div > 
      <h4>Type the below word </h4> 
      <Word typeitem=thing/> 
      </div> 
     ); 
     } 
    }); 

module.exports =RandomWords; 

ライン<Word typeitem=thing/> iは<Word typeitem="Paper"/>に変更したときにまた、アプリケーションが正常に動作する

Uncaught Error: Cannot find module "./RandomWords" 

のようなエラーにつながります。 thingに問題があるようです。

しかし、問題は、私はランダムな単語を取得し、私のtypeitemに入れたいです。

ポイント：wordが正しく

var React = require('react'); 
var Word=React.createClass({ 
     render: function(){ 
      return(
       <div > 
        {this.props.typeitem} 
       </div> 
      ); 
    } 
}); 

module.exports =Word; 

Answer 1

<Word typeitem={thing} /> 

働くあなたの属性値がいずれかの文字列として表現または{}に囲まれていることを確認しています。これにより、解析エラーが発生し、インポートしようとするとエラーが発生する可能性があります。