javascript - 我无法在Heroku中运行我的ReactJS应用

当我运行npm start时它可以工作，但是在heroku中我不能工作，

2017-06-28T17:18:54.167693+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2017-06-28T17:18:54.167918+00:00 app[web.1]: npm ERR! errno ENOENT
2017-06-28T17:18:54.168018+00:00 app[web.1]: npm ERR! syscall spawn
2017-06-28T17:18:54.168132+00:00 app[web.1]: npm ERR! [email protected] start: `react-scripts start`
2017-06-28T17:18:54.168203+00:00 app[web.1]: npm ERR! spawn ENOENT
2017-06-28T17:18:54.168300+00:00 app[web.1]: npm ERR!
2017-06-28T17:18:54.168387+00:00 app[web.1]: npm ERR! Failed at the [email protected] start script.
2017-06-28T17:18:54.169487+00:00 app[web.1]:
2017-06-28T17:18:54.168480+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2017-06-28T17:18:54.169649+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2017-06-28T17:18:54.169703+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2017-06-28T17_18_54_163Z-debug.log

我的package.json，我在互联网上看到也许是问题所在

<!-- language: lang-js -->

    {
      "name": "juego-cartas-reactjs",
      "version": "0.1.0",
      "main":"src/index.js",
      "dependencies": {
        "font-awesome": "^4.7.0",
        "lodash.shuffle": "^4.2.0",
        "react": "^15.6.1",
        "react-dom": "^15.6.1",
        "react-flipcard": "^0.2.1"
      },
      "devDependencies": {
        "react-scripts": "1.0.7"
      },

      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
      }
    }

我不知道该怎么办，如果有人对此有所了解，请帮助

最佳答案

我已经在heroku上成功上传了一个create-react-app项目，并且没有使用create-react-app buildpack。这是我的设置：

package.json

//.. rest of package.json

"dependencies": {
  "express": "^4.14.0",
  //.. rest of dependencies
},

// need to define engines for heroku
"engines": {
  "node": "6.9.1",
  "npm": "3.10.8"
},
"scripts": {
  "start": "node server.js #Production only!",
  "postinstall": "npm run build",
  "dev": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
},

然后，在项目的根目录中，我创建了server.js，这只是一个非常基本的Express应用程序。请注意，它使用的是build文件夹，而不是src文件夹。

const express = require('express');
const path = require('path');

const app = express();
const port = process.env.PORT || 3000;

app.use(express.static(path.resolve(__dirname, 'build')));

app.get('*', (req, res) => {
  res.sendFile(path.resolve(__dirname, 'build', 'index.html'));
});

app.listen(port, () => {
  console.info(`Server listening on port ${port}`);
});