Javascript 使用网页包传输后，react应用程序未呈现（BabelJS）_Javascript_Reactjs_Heroku_Webpack

Javascript 使用网页包传输后，react应用程序未呈现（BabelJS）

javascript reactjs heroku webpack

Javascript 使用网页包传输后，react应用程序未呈现（BabelJS）,javascript,reactjs,heroku,webpack,Javascript,Reactjs,Heroku,Webpack,我正在尝试将react应用程序部署到heroku，但使用heroku local时，只有我的html呈现： <!DOCTYPE html> <html lang="en"> <head> <title>TimeStamp Microservice</title> <style> .App { text-align: center; position: relative;

我正在尝试将react应用程序部署到heroku，但使用heroku local时，只有我的html呈现：

<!DOCTYPE html>
<html lang="en">
 <head>
   <title>TimeStamp Microservice</title>
   <style>
     .App {
        text-align: center;
        position: relative;
        max-width: 900px;
        margin: 0 auto;
        margin-top: 16%;
     }

     .button {
        margin-top: 1%;
     }

     input {
        text-align: center;
     }  
   </style>
 </head>
 <body>
   <div id="root"></div>
   <script src="app.js"></script>
 </body>
</html>

我正在为我的服务器使用express.js：

var timestampMicroServ = require('./src/integration.js')
var express = require("express")
var path = require("path")

var app = express()

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)
})

//Serve react app when requested the index page
app.get("/", express.static(path.join(__dirname, '/TMS-Front-End/assets')))

//Find out what port will be listened on
app.listen(process.env.PORT)

有人知道解决方案吗

谢谢

您是否收到任何错误消息？您的

App

组件代码可能也与此相关。您在哪里包括

react

和

react dom

？您是否尝试过编写

ReactDOM.render（，document.getElementById（'root'）没有事件？@Thole:删除事件后仍然存在相同的问题。@Fabianshultz:没有提供错误消息
module.exports = {
  context: __dirname,
  entry: "./src/App.js",

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

var timestampMicroServ = require('./src/integration.js')
var express = require("express")
var path = require("path")

var app = express()

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)
})

//Serve react app when requested the index page
app.get("/", express.static(path.join(__dirname, '/TMS-Front-End/assets')))

//Find out what port will be listened on
app.listen(process.env.PORT)