bundle.jsは私がどんな新しいものを追加しようと、これは私のコンポーネントである任意の変更に

Question

を受け入れていない私はdiv要素でハロー単語を追加しようとするが、その追加されていない私は、バンドルから問題を考える

import React from 'react' 

export default React.createClass({ 
    render() { 
    return <div> 

    <div className="main"> 
      <img className="today_img" src={this.props.imagedayA}/> 
      <p className="tempdayA">{this.props.tempdayA}<span className="degree">&deg;</span></p> 
      <img className="night_img" src={this.props.imagenightA}/> 
      <p className="tempnightA">{this.props.tempnightA}<span className="degree">&deg;</span></p> 

      <img className="line" src="simplyamman_assets/images/divider.png"/> 
      <img className="linedown" src="simplyamman_assets/images/divider.png"/> 

      <img className="tomday_img" src={this.props.imagedayB}/> 
      <p className="tempdayB">{this.props.tempdayB}<span className="degree">&deg;</span></p> 
      <img className="tomnight_img" src={this.props.imagenightB}/> 
      <p className="tempnightB">{this.props.tempnightB}<span className="degree">&deg;</span></p> 
    </div> 
    </div> 
    } 
}) 

が表示されていません。それはどのように私はこれを解決することができますか？

Answer 1

npm run bundleを試しましたか？ソースの変更は、browserifyでバンドルしない限りコンパイルされません。あなたはすぐにあなたが開発している間、変更内容を確認したい場合は

Answer 2

また、あなたはWebPACKの開発サーバーで実行することができます

webpack-dev-server --config <config file location> --hot --inlineをし、それが意志のホットスワップ任意の再コンパイルコード