Javascript 获得；无法获取/quot；部署到heroku时，但没有错误消息？

在此之前，我能够解决我的网页问题感谢这一点。然而，当我尝试部署我的react应用程序时，我没有收到任何错误，但当我浏览到部署的链接时，得到了一个“Cannot GET/”。我尝试更改

脚本

，甚至将整个项目移动到

公共文件夹。对我来说似乎什么都不管用。我在这个过程中遗漏了什么步骤

下面是我的项目目录，如下所示：

|-node_modules
|-public
  |-app
  |-src
  |-webpack.config.js
|-package.json
|-Procfile
|-server.js

app
文件夹包含我的html、css和main.js文件。
src
文件夹包含我的组件。以下是我当前的package.json文件：

{
  "name": "",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "serve": "webpack-dev-server"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-core": "5.8.*",
    "babel-loader": "5.3.*",
    "express": "^4.14.1",
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "webpack": "^1.14.0",
    "webpack-dev-server": "^2.3.0"
  }
}

这是我的server.js：

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public'));

app.listen(process.env.PORT || 8080);

我感谢你的帮助。谢谢。

键入heroku日志，这样您可以更仔细地查看错误

确保您的Procfile如下所示：
web:webpack dev server

你有路由文件夹吗。如果没有，请执行以下操作：创建一个routes文件夹，添加一个名为
index.js
的文件。在该文件中，添加：


var express=require（'express'）；
var router=express.router（）；
get（'/'，函数（req，res，next）{
res.status（200）.发送（“嗨，它工作了！”）
});  


在您的
server.js
文件中添加

var-videos=require（'./路由/索引'）

app.use（'/vids'，视频）

在本地测试它，如果正确的话，将它再次部署到heroku

我尝试了你的建议，我觉得我离你越来越近了。首先，在脚本中，我必须执行：*“脚本”：{“脚本”：{“开始”：“节点。/bin/wwr”}}**。如果我执行**“脚本”：{“开始”：“node./bin/www”}**，我将得到一个错误，我不确定为什么会出现这种情况。当我运行
npm start
并浏览到localhost:8080/app时，我看到了我的项目的标题，但其余内容不在那里。我总是运行
webpack dev server
并转到浏览器，内容就在那里。如何在启动时合并
webpack dev server
？我看到您正在使用webpack dev server。因此，将您的package.json保留为“scripts”：{“service”：“webpack dev server”}，这很好。像平常一样开始你的项目。（webpack dev service）在程序文件中添加：web:webpack dev server。看来这就是你所缺少的。然后deploy againI对我的Procfile和package.json文件进行了调整，当我尝试部署它时，在浏览到已部署的链接时遇到了一个应用程序错误。我查看了日志，发现一个找不到的模块“webpack/bin/config yargs”。因此，我尝试将我的网页更新为
webpack:“2.2.0-rc.3
，以查看是否存在版本问题。之后，根据日志，“入口点大小超过建议的限制（250kB）”错误消息导致“应用程序错误”。现在有什么我可以尝试的吗？分享回购协议。这样我就可以编译、查看整个代码并更快地找到问题所在。当然可以。这是我的