在Heroku中部署后尝试启动react应用时出现以下错误。但是在本地，我能够对其进行测试，并且效果很好。
2019-10-31T09:59:40.297427+00:00 heroku[web.1]: Starting process with command `npm start`
2019-10-31T09:59:39+00:00 app[api]: Build succeeded
2019-10-31T09:59:42.272718+00:00 app[web.1]:
2019-10-31T09:59:42.272736+00:00 app[web.1]: > react_bill_ui@0.1.0 start /app
2019-10-31T09:59:42.272738+00:00 app[web.1]: > react-scripts start
2019-10-31T09:59:42.272739+00:00 app[web.1]:
2019-10-31T09:59:44.496397+00:00 app[web.1]: Starting the development server...
2019-10-31T09:59:44.496433+00:00 app[web.1]:
2019-10-31T09:59:45.011449+00:00 heroku[web.1]: State changed from starting to up
2019-10-31T10:00:17.13608+00:00 heroku[router]: at=error code=H12 desc="Request timeout" method=GET path="/" host=react-app-bill.herokuapp.com request_id=81976f20-f4a6-4a55-b688-2e6ddb6ef4df fwd="14.98.30.86" dyno=web.1 connect=1ms service=30000ms status=503 bytes=0 protocol=https
2019-10-31T10:00:17.508736+00:00 app[web.1]:
2019-10-31T10:00:17.508755+00:00 app[web.1]: <--- Last few GCs --->
2019-10-31T10:00:17.508758+00:00 app[web.1]:
2019-10-31T10:00:17.508772+00:00 app[web.1]: [30:0x2c816e0] 34384 ms: Mark-sweep 250.7 (258.4) -> 250.4 (258.9) MB, 335.7 / 0.0 ms (average mu = 0.120, current mu = 0.029) allocation failure scavenge might not succeed
2019-10-31T10:00:17.508774+00:00 app[web.1]: [30:0x2c816e0] 34776 ms: Mark-sweep 251.0 (258.9) -> 250.8 (258.9) MB, 382.1 / 0.0 ms (average mu = 0.068, current mu = 0.026) allocation failure scavenge might not succeed
2019-10-31T10:00:17.508777+00:00 app[web.1]:
2019-10-31T10:00:17.508778+00:00 app[web.1]:
2019-10-31T10:00:17.508781+00:00 app[web.1]: <--- JS stacktrace --->
2019-10-31T10:00:17.508783+00:00 app[web.1]:
2019-10-31T10:00:17.508786+00:00 app[web.1]: ==== JS stack trace =========================================
2019-10-31T10:00:17.508788+00:00 app[web.1]:
2019-10-31T10:00:17.508791+00:00 app[web.1]: 0: ExitFrame [pc: 0x13725d9]
2019-10-31T10:00:17.508793+00:00 app[web.1]: Security context: 0x32ccca7008a1 <JSObject>
2019-10-31T10:00:17.508797+00:00 app[web.1]: 1: checkLVal [0x14daf89c3a21] [/app/node_modules/@babel/parser/lib/index.js:~8085] [pc=0x2d6438014a7a](this=0x005aca6932f1 <BaseParser map = 0x1edace5cf611>,0x0f020fb1ee31 <Node map = 0x1edace5cfde1>,5,0x0f020fb1f0f9 <Object map = 0x104e32142a51>,0x254d65462681 <String[#22]: function paramter list>)
2019-10-31T10:00:17.5088+00:00 app[web.1]: 2: checkParams [0x122749b32a59] [/app/node_modules/@babe...
2019-10-31T10:00:17.508801+00:00 app[web.1]:
2019-10-31T10:00:17.508806+00:00 app[web.1]: FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
2019-10-31T10:00:17.509443+00:00 app[web.1]: 1: 0x9d8da0 node::Abort() [node]
2019-10-31T10:00:17.509882+00:00 app[web.1]: 2: 0x9d9f56 node::OnFatalError(char const*, char const*) [node]
2019-10-31T10:00:17.510367+00:00 app[web.1]: 3: 0xb37dbe v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [node]
2019-10-31T10:00:17.510893+00:00 app[web.1]: 4: 0xb38139 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [node]
2019-10-31T10:00:17.511473+00:00 app[web.1]: 5: 0xce34f5 [node]
2019-10-31T10:00:17.512009+00:00 app[web.1]: 6: 0xce3b86 v8::internal::Heap::RecomputeLimits(v8::internal::GarbageCollector) [node]
2019-10-31T10:00:17.512545+00:00 app[web.1]: 7: 0xcefa1a v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [node]
2019-10-31T10:00:17.513071+00:00 app[web.1]: 8: 0xcf0925 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [node]
2019-10-31T10:00:17.513605+00:00 app[web.1]: 9: 0xcf3338 v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [node]
2019-10-31T10:00:17.514126+00:00 app[web.1]: 10: 0xcbee6e v8::internal::Factory::NewByteArray(int, v8::internal::AllocationType) [node]
2019-10-31T10:00:17.514687+00:00 app[web.1]: 11: 0xc2fc7d v8::internal::SourcePositionTableBuilder::ToSourcePositionTable(v8::internal::Isolate*) [node]
2019-10-31T10:00:17.515322+00:00 app[web.1]: 12: 0x197f2ca v8::internal::compiler::CodeGenerator::FinalizeCode() [node]
2019-10-31T10:00:17.51591+00:00 app[web.1]: 13: 0x19f8c8d v8::internal::compiler::PipelineImpl::FinalizeCode(bool) [node]
2019-10-31T10:00:17.516492+00:00 app[web.1]: 14: 0x19f9e40 v8::internal::compiler::PipelineCompilationJob::FinalizeJobImpl(v8::internal::Isolate*) [node]
2019-10-31T10:00:17.517003+00:00 app[web.1]: 15: 0xc0ef80 v8::internal::OptimizedCompilationJob::FinalizeJob(v8::internal::Isolate*) [node]
2019-10-31T10:00:17.517479+00:00 app[web.1]: 16: 0xc12823 v8::internal::Compiler::FinalizeOptimizedCompilationJob(v8::internal::OptimizedCompilationJob*, v8::internal::Isolate*) [node]
2019-10-31T10:00:17.517985+00:00 app[web.1]: 17: 0xc37f46 v8::internal::OptimizingCompileDispatcher::InstallOptimizedFunctions() [node]
2019-10-31T10:00:17.518517+00:00 app[web.1]: 18: 0xca0e7c v8::internal::StackGuard::HandleInterrupts() [node]
2019-10-31T10:00:17.519138+00:00 app[web.1]: 19: 0xfef887 v8::internal::Runtime_StackGuard(int, unsigned long*, v8::internal::Isolate*) [node]
2019-10-31T10:00:17.519806+00:00 app[web.1]: 20: 0x13725d9 [node]
2019-10-31T10:00:17.559501+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2019-10-31T10:00:17.559679+00:00 app[web.1]: npm ERR! errno 1
2019-10-31T10:00:17.560793+00:00 app[web.1]: npm ERR! react_bill_ui@0.1.0 start: `react-scripts start`
2019-10-31T10:00:17.560988+00:00 app[web.1]: npm ERR! Exit status 1
2019-10-31T10:00:17.561154+00:00 app[web.1]: npm ERR!
2019-10-31T10:00:17.561295+00:00 app[web.1]: npm ERR! Failed at the react_bill_ui@0.1.0 start script.
2019-10-31T10:00:17.561423+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2019-10-31T10:00:17.572398+00:00 app[web.1]:
2019-10-31T10:00:17.572634+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2019-10-31T10:00:17.572841+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2019-10-31T10_00_17_562Z-debug.log
2019-10-31T10:00:17.656343+00:00 heroku[web.1]: State changed from up to crashed
2019-10-31T10:00:17.612032+00:00 heroku[web.1]: Process exited with status 1
2019-10-31T10:00:18.721253+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-app-bill.herokuapp.com request_id=f58a798a-fd5e-433b-a8bd-1c7c86191089 fwd="14.98.30.86" dyno= connect= service= status=503 bytes= protocol=https
下面是我的package.json
{
"name": "react_bill_ui",
"version": "0.1.0",
"private": true,
"dependencies": {
"@grapecity/spread-sheets-react": "^12.2.5",
"body-parser": "^1.18.3",
"express": "^4.16.4",
"npm": "^6.11.3",
"react": "^16.4.0",
"react-bar-chart": "^0.1.2",
"react-bootstrap": "^0.32.4",
"react-data-table-component": "^3.5.0",
"react-export-excel": "^0.5.3",
"react-file-drop": "^0.2.8",
"react-google-charts": "^3.0.15",
"react-responsive-data-table": "^1.0.4",
"react-router-dom": "^5.1.0",
"react-scripts": "^3.2.0",
"react-table": "^6.10.3",
"semantic-ui-react": "^0.88.1",
"styled-components": "^4.4.0",
"bootstrap": "^4.3.1",
"concurrently": "^4.0.1",
"datatables.net": "^1.10.20",
"jquery": "^3.4.1",
"loader-utils": "^1.0.4",
"popper.js": "^1.15.0"
},
"devDependencies": {
"bootstrap": "^4.3.1",
"concurrently": "^4.0.1",
"datatables.net": "^1.10.20",
"jquery": "^3.4.1",
"loader-utils": "^1.0.4",
"popper.js": "^1.15.0",
"@grapecity/spread-sheets-react": "^12.2.5",
"body-parser": "^1.18.3",
"express": "^4.16.4",
"npm": "^6.11.3",
"react": "^16.4.0",
"react-bar-chart": "^0.1.2",
"react-bootstrap": "^0.32.4",
"react-data-table-component": "^3.5.0",
"react-export-excel": "^0.5.3",
"react-file-drop": "^0.2.8",
"react-google-charts": "^3.0.15",
"react-responsive-data-table": "^1.0.4",
"react-router-dom": "^5.1.0",
"react-scripts": "^3.2.0",
"react-table": "^6.10.3",
"semantic-ui-react": "^0.88.1",
"styled-components": "^4.4.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"webpacker": "node --max_old_space_size=4096 node_modules/.bin/webpack-dev-server --progress --color --config config/webpack/development.js",
"heroku-prebuild": "export NPM_CONFIG_PRODUCTION=false; export NODE_ENV=; NPM_CONFIG_PRODUCTION=false NODE_ENV=development npm install --only=dev --dev",
"heroku-postbuild": "export NPM_CONFIG_PRODUCTION=true; export NODE_ENV=production;"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
我已经检查了StackOverFlow和几个GitDocs，其他的在文件结构和其他应用程序的后期构建方面也存在类似的问题，但是其中一些解决方案（围绕从不同分支推送到heroku方面）并不奏效。对我来说。
此外，我也可以在本地构建它，而不会出现任何错误。
感谢任何帮助，所以我可以完成这个项目。
谢谢