node.js - npm start 以 - fatal error : MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap out of memory 结束

Question

所以我正在尝试将我的项目部署到 AWS LightSail 实例

1. 我克隆了我的代码库
2. npm 安装
3. npm 启动。
   然后发生分配失败错误

错误:

<--- 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

所以我调查了那个错误，大部分说要使用:

export NODE_OPTIONS=--max_old_space_size=4096

所以不好的一面是设置SPACE SIZE后没有错误但是不好的一面是它停留在:

> gui@0.1.0 start /opt/bitnami/apache/htdocs/GeThaText/frontend/gui
> react-scripts start
Starting the development server...

我的 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"
}
}

• 存储库:https://github.com/BenK93/GeThaText
• 当然在前端目录:)

知道可能是什么问题吗？🤔 🙏🏽(在我的计算机 Macbook M1 上可以正常工作)。P.S 我尝试使用一个简单的 React 项目并且它运行良好

Answer 1

我的结论

您可能会遇到运行时错误，并且因为您在 lightsail 上运行，所以错误可能会记录在某个地方的日志中，而不是您的控制台。

我为什么这么说

我在本地下载并安装了您的存储库 (w10h wsl1)。安装顺利，但在运行时我遇到了错误，其中来自 Components 或 Containers 的任何 import 都失败了，因为文件夹名称在文件中是小写的树。在完成整个项目的查找和替换两个文件夹名称后，项目将按预期启动。

干杯