Sợi cài đặt đống javascript hết bộ nhớ

Đôi khi tăng phân bổ bộ nhớ cho nút. js không phải là giải pháp bạn cần. Thủ phạm phổ biến nhất cho điều này là do đệ quy có thể phát sinh từ các phụ thuộc theo chu kỳ

Madge là một công cụ có thể giúp bạn phát hiện khi bạn có sự phụ thuộc theo chu kỳ trong Ứng dụng Nodejs/React của mình

Thêm vào kịch bản của bạn

npm i -g madge

"madge": "madge  --image ./madge-graph.svg --extensions js,jsx,ts,tsx --circular .",

Rất nhiều người trong chúng ta bắt đầu một ứng dụng nhỏ bằng cách sử dụng thiết lập CRA [Tạo ứng dụng phản ứng] trong đó việc thiết lập ứng dụng của chúng ta được thực hiện nhanh chóng. Nhưng đôi khi nó có thể gây ra một số vấn đề do kích thước ứng dụng của bạn tăng lên. Trong quá trình phát triển ứng dụng của chúng tôi trên các thiết bị cục bộ có nhiều tài nguyên, chúng tôi có thể không gặp phải nhiều vấn đề nhưng khi chúng tôi xây dựng hoặc triển khai ứng dụng của mình bằng các nền tảng như Bitbucket, GitLab, CircleCI, Heroku, v.v., chúng tôi có thể bị giới hạn tài nguyên bộ nhớ và CPU. Đôi khi các nhà phát triển phải đối mặt với các sự cố như đống Javascript hết bộ nhớ trong khi xây dựng hoặc chạy ứng dụng

Heap được sử dụng để lưu trữ các đối tượng và hàm trong JavaScript. Công cụ không phân bổ một lượng bộ nhớ cố định. Thay vào đó, nó phân bổ nhiều không gian hơn theo yêu cầu. Cấp phát bộ nhớ theo cách này còn được gọi là cấp phát bộ nhớ động

Nói chung, đó là một bước sử dụng nhiều bộ nhớ. Bạn sẽ thấy lỗi như thế này

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed — JavaScript heap out of memory when running a react app

Làm thế nào để chúng tôi giải quyết vấn đề này?

Vấn đề cốt lõi cần hiểu ở đây là ứng dụng của bạn có một số vấn đề rò rỉ bộ nhớ hoặc ứng dụng của bạn đang sử dụng giới hạn bộ nhớ được xác định trước của nút. Vài cách để giải quyết vấn đề này là

1] Phiên bản nút

Kiểm tra phiên bản nút hiện tại của bạn vì có thể có sự cố đã biết liên quan đến phiên bản nút bạn đang sử dụng. Bạn có thể xác minh phiên bản nút của mình bằng lệnh này

node -v

Bạn có thể thử nâng cấp lên phiên bản ổn định gần nhất của nút. Nếu điều đó không giải quyết được vấn đề, bạn có thể thử các phiên bản ổn định khác cho đến phiên bản ổn định mới nhất

2] Kích thước bộ nhớ

Chúng ta có thể tăng bộ nhớ được phân bổ cho NodeJ bằng cách đặt biến môi trường sau

export NODE_OPTIONS="--max-old-space-size=4096"// On Windows
set NODE_OPTIONS=--max_old_space_size=4096

hoặc chuyển thông số này dưới dạng tham số trong gói của bạn. tập tin json

 "start": "react-scripts --max_old_space_size=4096 start",
 "build": "react-scripts --max_old_space_size=4096 build",

3] NODE_OPTIONS

Một tùy chọn khác là vô hiệu hóa việc tạo bản đồ nguồn cho các bản dựng sản xuất

GENERATE_SOURCEMAP=false

Bạn có thể đặt biến môi trường này trong CRA thành false và bạn không cần thêm tiền tố REACT_APP_ như chúng tôi làm đối với các biến môi trường tùy chỉnh trong CRA

4] Lập hồ sơ

Bạn có thể sử dụng hồ sơ để phát hiện rò rỉ bộ nhớ trong ứng dụng của mình. Trên trình duyệt, bạn có thể cấu hình việc sử dụng bộ nhớ trong Công cụ dành cho nhà phát triển của Chrome trong tab Bộ nhớ

Tóm lược

Trong bài viết này, tôi đã chia sẻ một số cách phổ biến để giải quyết vấn đề rò rỉ bộ nhớ trong ứng dụng của bạn bằng cách tăng bộ nhớ được phân bổ cho ứng dụng Nodejs hoặc bằng cách tối ưu hóa bản dựng sản xuất bằng cách vô hiệu hóa quy trình tạo bản đồ nguồn. Nếu ba cách tiếp cận đầu tiên không thành công trong việc giải quyết vấn đề bộ nhớ, thì có thể sử dụng Hồ sơ cấu hình để xác định các khu vực gây rò rỉ bộ nhớ trong ứng dụng. Do đó, bằng cách kiểm soát rò rỉ bộ nhớ, vấn đề hết bộ nhớ có thể được giải quyết

Tôi đã gặp phải lỗi trông đáng sợ này nhiều lần khi ứng dụng của tôi hết bộ nhớ

Trong bài viết ngắn này, trước tiên tôi sẽ cung cấp cho bạn một giải pháp mà bạn có thể sử dụng để khắc phục sự cố này một cách nhanh chóng

Sau đó, trong trường hợp bạn muốn biết thêm về nó, tôi sẽ giải thích nguyên nhân của lỗi này có thể là gì và cách ngăn nó xảy ra trong tương lai

Cách khắc phục lỗi “Heap out of memory” trong JavaScript

Cách nhanh nhất để giải quyết vấn đề này là tăng giới hạn bộ nhớ của Node. Bắt đầu từ nút. js v8, bạn có thể đặt giới hạn tính bằng MB với cờ --max-old-space-size như thế này

node --max-old-space-size=4096 index.js

4096 chuyển thành bộ nhớ 4 GB. Bạn có thể đặt giới hạn cho bất cứ thứ gì bạn thích, nhưng đảm bảo rằng bạn không sử dụng hết bộ nhớ khả dụng, nếu không, hệ thống của bạn có thể bị sập

Để thay thế cho điều này, bạn cũng có thể đặt cờ trong một biến môi trường như thế này

NODE_OPTIONS="--max-old-space-size=4096" node index.js

Thay đổi nút. giới hạn bộ nhớ js của môi trường của bạn

Nếu bạn muốn thay đổi giới hạn bộ nhớ của Node. js cho toàn bộ môi trường của bạn, bạn cần đặt biến sau trong tệp cấu hình của môi trường. [

NODE_OPTIONS="--max-old-space-size=4096" node index.js

0,

NODE_OPTIONS="--max-old-space-size=4096" node index.js

1, đôi khi là

NODE_OPTIONS="--max-old-space-size=4096" node index.js

2, v.v. ]

Thêm dòng này vào tập tin cấu hình của bạn

  ~/.bashrc

export NODE_OPTIONS=--max_old_space_size=4096

đống “npm install” hết bộ nhớ

Nếu bạn gặp sự cố này khi cài đặt gói có npm hoặc yarn, bạn có thể tạm thời bỏ qua giới hạn bộ nhớ bằng cách cài đặt gói như sau

node --max-old-space-size=4096 $[which npm] install -g nextawesomelib

Lỗi này thậm chí có nghĩa là gì?

Theo mặc định, Nút. js có giới hạn bộ nhớ ngăn chương trình tiêu tốn quá nhiều bộ nhớ và làm sập toàn bộ hệ thống. Các kết quả khác nhau tùy thuộc vào phiên bản và kiến ​​trúc hệ thống của hệ thống của bạn [32bit hoặc 64bit]

Giới hạn bộ nhớ của các Node khác nhau. phiên bản js

Không có con số chính thức nào về các giới hạn đó, nhưng với một chương trình nhỏ do tôi viết, tôi có thể lấy chúng cho các Node khác nhau. js trên kiến ​​trúc 64 bit

Phiên bản nútLimit15. 0. 14. 03 GB14. 15. 04. 03 GB13. 14. 02. 01 GB12. 19. 02. 01 GB11. 15. 01. 34 GB10. 15. 31. 34GB9. 11. 21. 35 GB

Như chúng ta có thể thấy trong bảng này, các giới hạn mặc định tăng lên với một số phiên bản. Bộ nhớ heap 4 GB thường là đủ cho hầu hết các trường hợp sử dụng

Bạn có thể tự kiểm tra điều này bằng cách tạo một tệp

NODE_OPTIONS="--max-old-space-size=4096" node index.js

3 với đoạn mã sau và chạy nó với Node. js mà bạn muốn biết giới hạn cho

const array = [];
while [true] {
  // This makes the array bigger on each iteration
  array.push[new Array[10000000]];

  const memory = process.memoryUsage[];
  console.log[[memory.heapUsed / 1024 / 1024 / 1024].toFixed[4], 'GB'];
}

Cách ngăn chặn Node. js hết bộ nhớ

Tăng giới hạn bộ nhớ là cách khắc phục nhanh sự cố, trong một số trường hợp là đủ. Tuy nhiên, trong những trường hợp khác, bạn có thể không có thêm bộ nhớ khả dụng trên hệ thống của mình hoặc giới hạn tăng lên chỉ khắc phục sự cố tạm thời

Trong mọi trường hợp, bạn có thể muốn tìm hiểu gốc rễ của vấn đề và tìm ra nguyên nhân gây ra vấn đề ngay từ đầu

Dưới đây là ba giải pháp thay thế để giảm mức tiêu thụ bộ nhớ mà tôi đã sử dụng hoặc bắt gặp tại một số thời điểm

Chia xử lý dữ liệu thành các phần nhỏ hơn

Có những trường hợp bạn cần xử lý các tập dữ liệu lớn. Ví dụ: bạn đã viết một trình nhập lấy dữ liệu từ tệp CSV, làm sạch tệp và cuối cùng thêm tệp đó vào cơ sở dữ liệu của bạn [điều này còn được gọi là ETL. Trích xuất - Chuyển đổi - Tải]

Nếu ứng dụng của bạn tiếp tục hết bộ nhớ trong khi cố gắng nhập các bộ dữ liệu lớn đó, một giải pháp thay thế là chia dữ liệu thành các phần nhỏ hơn

# split -l numberoflines filename
split -l 1000000 users.csv

Lấy từ câu trả lời StackOverflow này, giải thích chi tiết hơn cách thực hiện việc này với cơ sở dữ liệu MongoDB

Tránh rò rỉ bộ nhớ

Ứng dụng của bạn liên tục hết bộ nhớ và việc tăng giới hạn bộ nhớ chỉ khiến bạn mất thời gian?

Trong bài viết trước, tôi đã giải thích cách quản lý bộ nhớ của JavaScript hoạt động và cách bạn có thể

Tóm lại, hầu hết rò rỉ bộ nhớ có thể bắt nguồn từ việc không xóa tất cả các tham chiếu đến các đối tượng mà bạn không cần nữa. Điều này có thể xảy ra khi bạn quên xóa khoảng thời gian hoặc bộ hẹn giờ hoặc bạn sử dụng quá nhiều biến toàn cục

lập hồ sơ

Hồ sơ giúp bạn phát hiện rò rỉ bộ nhớ. Ở giao diện người dùng, bạn có thể định cấu hình mức sử dụng bộ nhớ trong Công cụ dành cho nhà phát triển của Chrome trong tab Bộ nhớ

trong nút. js, bạn cũng có thể dùng Chrome để gỡ lỗi sử dụng bộ nhớ, bắt đầu từ v6. 3. 0. Trước tiên, bạn cần chạy ứng dụng của mình ở chế độ kiểm tra

node --inspect index.js

Sau đó, mở

NODE_OPTIONS="--max-old-space-size=4096" node index.js

4 trong Chrome và nhấp vào

NODE_OPTIONS="--max-old-space-size=4096" node index.js

5. Một cửa sổ sửa lỗi mới sẽ mở ra, tự động kết nối với Nút của bạn. ứng dụng js

Sinh ra các tiến trình và khởi động lại chúng sau khi chúng hết bộ nhớ

Giả sử bạn đang chạy chương trình của mình trên một máy có bộ nhớ rất hạn chế, chẳng hạn như trên Raspberry Pi

Bài viết này giải thích cách sinh ra các quy trình mới sau khi chúng hết bộ nhớ

Theo cách tiếp cận này, chúng tôi sẽ có một quy trình tổng thể và nhiều công nhân. Ngay khi worker phát hiện ra rằng nó sắp hết bộ nhớ, master sẽ giết tiến trình và sử dụng worker khác để xử lý logic chính

Tôi thấy đây là một cách thú vị để xử lý sự cố, nhưng bản thân tôi chưa gặp trường hợp sử dụng nào cần thiết

Phần kết luận

Trong bài viết này, tôi đã cố gắng cung cấp cho bạn tất cả thông tin cần thiết để giải quyết lỗi “JavaScript Heap Out Of Memory”

Nếu bạn muốn tìm hiểu thêm về cách thức hoạt động của JavaScript, gần đây tôi đã viết hai bài viết này về quản lý bộ nhớ và vòng lặp sự kiện

• Giải thích về vòng lặp sự kiện JavaScript và ngăn xếp cuộc gọi. Heap, call stack và event loop là những thuật ngữ mà tôi thỉnh thoảng nghe và đọc nhưng tôi chưa bao giờ hiểu hết. Trong bài viết này, tôi giải thích ý nghĩa của chúng và điều gì sẽ xảy ra với mã của chúng ta khi một công cụ thực thi nó
• Giải thích về quản lý bộ nhớ của JavaScript. Ở đây tôi đi sâu hơn vào cách thức hoạt động của quản lý bộ nhớ JavaScript, giải thích heap và stack được sử dụng để làm gì và cách thức hoạt động của bộ sưu tập rác

Đọc bài viết gốc hoặc các bài viết thú vị hơn trên blog của Felix

Phát lại phiên mã nguồn mở

OpenReplay là bộ phát lại phiên mã nguồn mở cho phép bạn xem những gì người dùng làm trên ứng dụng web của bạn, giúp bạn khắc phục sự cố nhanh hơn. OpenReplay tự lưu trữ để kiểm soát hoàn toàn dữ liệu của bạn

Bộ nhớ heap JavaScript là gì?

Heap có thể hết bộ nhớ không?

Làm cách nào để phân bổ thêm bộ nhớ cho JavaScript?

Làm cách nào để tăng kích thước heap trong nút js?