Reaccionar desplegar la aplicación a la Heroku

votos
0

Estoy desarrollando la aplicación React. Estoy en el momento en que debería desplegar mi aplicación a la Heroku. He creado una aplicación de la plancha de caldera reaccionar-honda. Para poder ejecutar la aplicación en el sitio del servidor que han definido el Procfilepara iniciar la construcción en el lado del servidor y la escritura de la estructura se parece a esto:

web: npm run build

Por desgracia, al final del proceso de despliegue recibo un error:

Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch

Gracias a que he dado cuenta de que estoy corriendo en el puerto incorrecto, por lo que he actualizado el distServer.jsarchivo y ahora se ve así:

import {chalkProcessing} from './chalkConfig';

/* eslint-disable no-console */

console.log(chalkProcessing('Opening production build...'));

// Run Browsersync
browserSync({
  port: process.env.PORT || 4000,
  ui: {
    port: 4001
  },
  server: {
    baseDir: 'dist'
  },

  files: [
    'src/*.html'
  ],

  middleware: [historyApiFallback()]
});

Y el problema se sigue produciendo. Yo era capaz de iniciar el sitio sólo una vez, pero no sé lo que fueron las circunstancias que me llevaron al éxito. No soy capaz de reproducir la forma de iniciar la aplicación en el Heroku. ¿Hay alguien que podría ser capaz de ayudarme?

Además, aquí están los scripts definidos en el package.json:

scripts: {
    preinstall: node tools/nodeVersionCheck.js,
    remove-demo: babel-node tools/removeDemo.js,
    start-message: babel-node tools/startMessage.js,
    prestart: npm run start-message,
    start: concurrently -k -r -s first \npm run test:watch\ \npm run open:src\ \npm run lint:watch\,
    open:src: babel-node tools/srcServer.js,
    open:dist: babel-node tools/distServer.js,
    lint: esw webpack.config.* src tools --color,
    lint:watch: npm run lint -- --watch,
    clean-dist: npm run remove-dist && mkdir dist,
    remove-dist: rimraf ./dist,
    prebuild: npm run clean-dist,
    build: babel-node tools/build.js && npm run open:dist,
    test: jest,
    test:CI: babel-node tools/testCi.js,
    test:cover: npm run test -- --coverage ,
    test:cover:CI: npm run test:CI -- --coverage && cat ./coverage/lcov.info | node_modules/coveralls/bin/coveralls.js,
    test:watch: jest --watch,
    open:cover: npm run test:cover && opn ./coverage/lcov-report/index.html,
    analyze-bundle: babel-node ./tools/analyzeBundle.js
  }

EDITAR:

He cambiado el puerto también para la interfaz de usuario como en este fragmento:

  port: 4000,
  ui: {
    port: process.env.PORT || 4001
  }

y esto también no funciona. ¿Alguien tiene una idea de cómo resolver mi problema?

Publicado el 19/09/2018 a las 17:01
fuente por usuario
En otros idiomas...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more