2016-12-29 7 views
0

この投稿は同じ問題で私のprevious postの拡張です。私の反応コードはまだレンダリングされていませんが、私はトラブルシューティング作業から収集した新しい情報を持っています:webpack(BabelJS)パート2で蒸解後のリアクションアプリがレンダリングされない

1)最後の投稿のレスポンダが彼の環境で動作するようにしました。彼の環境に合わせるために、私はbabel-core、babel-loader、babel-preset-2015をダウンロードしました。 Herokuのに成功したすべてのファイルを提供するため、問題は、サーバーに関連しない

module.exports = { 
    context: __dirname, 
    entry: "./src/App.js", 

    output: { 
     filename: "app.js", 
     path: __dirname + "/assets" 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: "babel-loader", 
       query: { 
        presets: ["react", "es2015"] 
       } 
      } 
     ] 
    } 
} 

2):私もwebpack.config.jsの私のバージョンを変更しました。

3)Chrome、Firefox、Safariでアプリがレンダリングされないため、ブラウザ関連の問題ではありません。

私が考えることができるのは、問題はwebpack/babelに関連しているということですが、他のアイデアはありますか? URLにアクセスしてから

+0

あなたの静的なリソースがブラウザに読み込まれていますか? –

+0

私のHTMLが読み込まれますが、JavaScriptは読み込まれません。 javascriptは200のステータスで受信されますが、DOMを再構成して反応コンポーネントを追加することはありません。 – srpalo

答えて

0

https://dry-river-67944.herokuapp.com/

あなたのjsファイルが下され取得されていないように見えます。代わりに、/:inputのget要求ハンドラがその要求に使用されています。

app.get("/:input", (req, res) => { 
    //Assign headerVal to Access-Control-Allow-Origin response header 
    res.set('Access-Control-Allow-Origin', "*") 

    //Send response data 
    var convertedData = timestampMicroServ(req.params.input) 
    res.end(convertedData) 
}) 

/api/:input?)あなたのstaticfileミドルウェアの後に入れたり、名前空間する必要があります。

app.get("/", express.static(path.join(__dirname, '/TMS-Front-End/assets'))) 
関連する問題