bundle.min.jsがReact Projectで更新されない

私は単純なReact-Reduxプロジェクトを作成しようとしています。私はgithubからプロジェクトをインポートし、App.jsでいくつかの調整を始めました。しかし、index.htmlファイルを実行しようとすると、bundle.min.jsは更新を取得せず、古い結果を表示します。私は、コンポーネントに何か変更を加えるたびにbundle.min.jsファイルを更新する方法が得られません。私は自分のコードのスニペットを添付しています。bundle.min.jsがReact Projectで更新されない

index.htmlを

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>React Webpack</title> 
</head> 
<body> 

    <div id="root"></div> 
    <script src="js/bundle.min.js"></script> 

</body> 
</html>

App.jsファイル

import React from 'react' 
require('../../scss/style.scss'); 

const App =() =>(

    <div> 
     <h2> 
      Username list 
     </h2> 
     <hr/> 
     <h2> 
      User Details 
     </h2> 
    </div> 
); 

export default App;

減速-user.jsの

export default function() { 
    return [ 
     { 
      id: 1, 
      first: "Bucky", 
      last: "Roberts", 
      age: 71, 
      description: "Bucky is a React developer and YouTuber", 
      thumbnail: "http://i.imgur.com/7yUvePI.jpg" 
     }, 
     { 
      id: 2, 
      first: "Joby", 
      last: "Wasilenko", 
      age: 27, 
      description: "Joby loves the Packers, cheese, and turtles.", 
      thumbnail: "http://i.imgur.com/52xRlm8.png" 
     }, 
     { 
      id: 3, 
      first: "Madison", 
      last: "Williams", 
      age: 24, 
      description: "Madi likes her dog but it is really annoying.", 
      thumbnail: "http://i.imgur.com/4EMtxHB.png" 
     } 
    ] 
}

Project structure screenshot

Browser Output

私はちょうど2つの見出しは、「ユーザー名リスト」と「ユーザーの詳細」を言って取得する必要がありますが、あなたは迅速な作業のアプリだけ試しにいくつかの微調整を行うことを探しているなら、私は

出典

2016-08-10 ApurvG

完全に異なる何かを取得していますあなたはあなたの問題を解決したい場合は、この素晴らしいツールが https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html
または端末とタイプ
を開くことから始まる（つまりはNodeJS 、プロジェクトの依存関係の問題のようです）
```
cd yourProjectRootPathFolder 
npm init -y 
npm install --save-dev babel-core babel-cli babel-preset-es2015 
```
はその後、それはあなたがすでに上記のコマンドでインストールさバベル・プリセット・es2015パッケージを活性化させることによって行わだこのバベルのES6/ES2015言語のサポートを有効にしてください。今、あなただけのpackage.jsonに「バベル」のセクションを追加する必要があります。
```
"babel": { "presets": ["es2015"] } 
```

出典

2016-08-10 13:03:56

私はWebPACKのをインストールしてからコメントのWebPACKを実行することによってそれを解決しました。私はコードを変更するたびにそれを行う必要があります。 – ApurvG

bundle.min.jsがReact Projectで更新されない

答えて

関連する問題