использует клиентскую платформу http://jumbo -react.g-axon.com / .Эта структура основана на реакции и использует веб-пакет для сборки.Он работает на моем локальном компьютере, но при загрузке в Heroku я получаю эту ошибку:
react-material@2.0.0 start /app
2018-08-24T10:05:46.551774+00:00 app[web.1]: > webpack-dev-server --hot --open
2018-08-24T10:05:46.551775+00:00 app[web.1]:
2018-08-24T10:05:47.905809+00:00 app[web.1]: Project is running at http://localhost:24282/
2018-08-24T10:05:47.906248+00:00 app[web.1]: webpack output is served from /assets/
2018-08-24T10:05:47.906347+00:00 app[web.1]: Content not from webpack is served from ./public/, ./src/
2018-08-24T10:05:47.906399+00:00 app[web.1]: 404s will fallback to /index.html
2018-08-24T10:05:47.939064+00:00 app[web.1]: Unable to open browser. If you are running in a headless environment, please do not use the open flag.
2018-08-24T10:06:37.917006+00:00 app[web.1]: Hash: 7feed7b626257881787d
2018-08-24T10:06:37.917049+00:00 app[web.1]: Version: webpack 3.12.0
2018-08-24T10:06:37.917052+00:00 app[web.1]: Time: 49556ms
2018-08-24T10:06:37.917058+00:00 app[web.1]: Asset Size Chunks
2018-08-24T10:06:37.917128+00:00 app[web.1]:
Обрежьте середину, чтобы было легче читать
2018-08-24T10:06:37.917146+00:00 app[web.1]: [../node_modules/webpack/hot/log.js] (webpack)/hot/log.js 1.04 kB {30} [built]
2018-08-24T10:06:37.917124+00:00 app[web.1]: [../node_modules/react-hot-loader/patch.js] ./node_modules/react-hot-loader/patch.js 40 bytes {30} [built]
2018-08-24T10:06:37.917147+00:00 app[web.1]: [../node_modules/webpack/hot/only-dev-server.js] (webpack)/hot/only-dev-server.js 2.37 kB {30} [built]
2018-08-24T10:06:37.917143+00:00 app[web.1]: [../node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 77 bytes {30} [built]
2018-08-24T10:06:37.917151+00:00 app[web.1]: + 1784 hidden modules
2018-08-24T10:06:37.917126+00:00 app[web.1]: [../node_modules/webpack-dev-server/client/index.js?http://localhost:24282] (webpack)-dev-server/client?http://localhost:24282 7.93 kB {30} [built]
2018-08-24T10:06:37.917152+00:00 app[web.1]: webpack: Compiled successfully.
2018-08-24T10:06:37.917142+00:00 app[web.1]: [../node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.61 kB {30} [built]
2018-08-24T10:06:37.917150+00:00 app[web.1]: [./index.js] ./src/index.js 848 bytes {30} [built]
2018-08-24T10:06:44.847917+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2018-08-24T10:06:44.847917+00:00 heroku[web.1]: Stopping process with SIGKILL
2018-08-24T10:06:44.963250+00:00 heroku[web.1]: Process exited with status 137
2018-08-24T10:06:44.977771+00:00 heroku[web.1]: State changed from starting to crashed
При первоначальном поиске ответа наиболее распространенным ответом было: потому что я жестко настраивал порт вместо использования process.env.PORT
, но теперь я изменил это в настройках веб-пакета:
return {
context: this.srcPathAbsolute,
devtool: 'eval',
devServer: {
contentBase: ['./public/', './src/'],
publicPath: '/assets/',
historyApiFallback: true,
hot: true,
inline: true,
port: process.env.PORT || 3000
Но Herokuвсе еще показывает этот отчет о сбое.Тем не менее, каждый раз, когда оно показывает, приложение теперь использует другой порт - это значит, что теперь он устанавливается Heroku.
Время сборки веб-пакета составляет 50 с, и мне было интересно, если это было проблемой.Это происходит слишком медленно, а затем не хватает времени для привязки к порту до истечения лимита Heroku 60-х годов?
Честно говоря, не совсем уверен, куда идти, прежде чем взламывать файлы и изменять структуруприложение для повышения эффективности (хотя это и неплохо), я хотел знать, был ли я на правильном пути.Не хотелось бы что-то менять в приложении и случайно создавать больше проблем, если не решал начальную проблему, которая была самой неотложной.
Если у вас есть какие-либо предложения, очень хотелось бы услышать.
Спасибо за ваше время.
Node: v8.11.3
Yarn: 1.6.0
Webpack: ^3.5.6