So I am trying to deploy my project to AWS LightSail instance
- I cloned my repo
- npm install
- npm start.
And then the Allocation failed Error happened
Error:
<--- JS stacktrace --->
FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed -
JavaScript heap out of memory
1: 0xa222f0 node::Abort() [node]
2: 0x96411f node::FatalError(char const*, char const*) [node]
3: 0xb97f1e v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool)
[node]
4: 0xb98297 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char
const*, bool) [node]
5: 0xd52fd5 [node]
6: 0xd83bbe v8::internal::EvacuateNewSpaceVisitor::Visit(v8::internal::HeapObject,
int) [node]
7: 0xd8fbf6 v8::internal::FullEvacuator::RawEvacuatePage(v8::internal::MemoryChunk*,
long*) [node]
8: 0xd7bd8f v8::internal::Evacuator::EvacuatePage(v8::internal::MemoryChunk*) [node]
9: 0xd7c008 v8::internal::PageEvacuationTask::RunInParallel(v8::internal::ItemParallelJob::Task::Runner) [node]
10: 0xd6e8e9 v8::internal::ItemParallelJob::Run() [node]
11: 0xd91b50 void v8::internal::MarkCompactCollectorBase::CreateAndExecuteEvacuationTasks<v8::internal::FullEvacuator, v8::internal::Mar
kCompactCollector>(v8::internal::MarkCompactCollector*, v8::internal::ItemParallelJob*, v8::internal::MigrationObserver*, long) [node]
12: 0xd923ec v8::internal::MarkCompactCollector::EvacuatePagesInParallel() [node]
13: 0xd925b5 v8::internal::MarkCompactCollector::Evacuate() [node]
14: 0xda45b1 v8::internal::MarkCompactCollector::CollectGarbage() [node]
15: 0xd60878 v8::internal::Heap::MarkCompact() [node]
16: 0xd62368 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlag
s) [node]
17: 0xd657ac v8::internal::Heap::AllocateRawWithRetryOrFailSlowPath(int, v8::internal::AllocationType, v8::internal::AllocationOrigin, v
8::internal::AllocationAlignment) [node]
18: 0xd33e5b v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationType, v8::internal::AllocationOrigin) [node]
19: 0x107c5af v8::internal::Runtime_AllocateInYoungGeneration(int, unsigned long*, v8::internal::Isolate*) [node]
20: 0x1423279 [node]
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! gui@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the gui@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/bitnami/.npm/_logs/2021-07-28T21_07_20_268Z-debug.log
So I investigated that error and most of the said to use:
export NODE_OPTIONS=--max_old_space_size=4096
So not the good side is that there is not error after setting the SPACE SIZE BUT the bad side is that it stays stuck on:
> gui@0.1.0 start /opt/bitnami/apache/htdocs/GeThaText/frontend/gui
> react-scripts start
Starting the development server...
My package.json:
{
"name": "gui",
"version": "0.1.0",
"private": true,
"dependencies": {
"@ant-design/icons": "^4.2.1",
"@material-ui/core": "^4.11.2",
"@material-ui/icons": "^4.11.2",
"ant-design": "^1.0.0",
"antd": "^4.7.0",
"axios": "^0.21.1",
"bootstrap": "^4.5.2",
"dotenv": "^10.0.0",
"material-table": "^1.69.2",
"node-sass": "^4.14.1",
"react": "^16.14.0",
"react-copy-to-clipboard": "^5.0.2",
"react-dom": "^16.13.1",
"react-facebook-login": "^4.1.1",
"react-google-login": "^5.2.2",
"react-google-recaptcha": "^2.1.0",
"react-redux": "^7.2.1",
"react-router-config": "^5.1.1",
"react-router-dom": "^5.2.0",
"react-scripts": "^3.4.2",
"react-text-loop": "^2.3.0",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"eslint": "^6.6.0",
"eslint-plugin-react": "^7.24.0",
"less-loader": "^6.2.0",
"sass": "^1.34.1",
"sass-loader": "^11.1.1"
}
}
- Repository: https://github.com/BenK93/GeThaText
- in the frontend directory of course :)
Any Idea what might be the issue?🤔 🙏🏽 (on my computer Macbook M1 it works). P.S I tried using a simple react project and it worked perfectly