我如何在heroku上部署这个项目？

Question

我是节点新手，我必须部署我的第一个应用程序。

这是我的package.json：

  {
  "name": "tbcw",
  "description": "TheBestCollectors",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "truffle-compile": "truffle compile",
    "truffle-serve": "truffle serve",
    "truffle-test": "truffle test --network test"
  },
  "dependencies": {
    "vue": "^2.4.4",
    "vue-draggable-resizable": "^1.5.1",
    "vuex": "^2.4.1",
    "web3": "^1.2.11"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^6.0.0",
    "babel-preset-env": "^1.7.0",
    "cross-env": "^3.0.0",
    "css-loader": "^0.25.0",
    "ejs": "^2.5.7",
    "ejs-compiled-loader": "^2.2.0",
    "eslint": "^4.8.0",
    "ethereumjs-testrpc": "^4.1.3",
    "file-loader": "^0.9.0",
    "html-webpack-plugin": "^2.30.1",
    "json-loader": "^0.5.7",
    "node-sass": "^4.9.4",
    "null-loader": "^0.1.1",
    "sass-loader": "^5.0.1",
    "truffle": "^3.4.11",
    "truffle-contract": "^1.1.6",
    "vue-loader": "^12.1.0",
    "vue-template-compiler": "^2.4.4",
    "webpack": "^2.6.1",
    "webpack-dev-server": "^2.9.1"
  }
}

在本地开发模式中，一切都正常工作。

现在我想在heroku上发布我的应用程序。

在用herokuCLI上传文件之后，当我运行这个应用程序时，我会得到一个错误页面。

通过命令"heroku日志--尾巴“读取它们。

根据不同的尝试，我得到了不同的错误，如webpack没有找到，启动脚本没有找到，交叉env没有找到.

我该怎么做？如果你需要更多的信息，请告诉我。

谢谢你的回复

Answer 1

从您的package.json来看，您似乎正在开发一个客户端应用程序。这些应用程序在客户端浏览器中运行，而不是在Node中运行。Heroku是用于运行服务器端应用程序的，因此它可能不是部署应用程序的合适位置。

看一看类似于维塞尔或Netlify的东西。它们只需点击几下就可以自动构建客户端应用程序并将其部署到边缘网络。

Answer 2

默认情况下，Heroku不安装devDependencies。您的cross-env和webpack似乎被列为devDependencies。而且您甚至没有start脚本。