應用做出反應用的WebPack（BabelJS）第2部分

transpiling這篇文章是我的previous post解決同一個問題的延伸後不渲染。我反應過來的代碼仍然沒有渲染，但我從我的故障排除工作收集新的信息：）應用做出反應用的WebPack（BabelJS）第2部分

1響應者從過去後得到了我的代碼在他的環境中工作。爲了匹配他的環境，我下載了babel-core，babel-loader和babel-preset-2015。我也改變了我的版本webpack.config.js的：

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），因爲Heroku的成功提供所有文件的問題是不相關的服務器。

3）這不是一個瀏覽器相關的問題，因爲應用程序不會在Chrome，Firefox和Safari渲染。

所有我能想到的是，這個問題是有關的WebPack /巴貝爾，但是你們有什麼其他的想法？

來源

2016-12-29 srpalo

請問您的靜態資源加載到瀏覽器？ –

我的HTML加載，但不是我的javascript。 JavaScript是以200狀態接收的，但它不是重構DOM來添加反應組件。 – srpalo

從要的網址：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) 
})

如果您的staticfile中間件後放或命名空間（/api/:input？）：

app.get("/", express.static(path.join(__dirname, '/TMS-Front-End/assets')))

來源

2016-12-29 06:48:33 DTing

應用做出反應用的WebPack（BabelJS）第2部分

回答

相關問題