Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[React v17] FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed #25

Open
c0ncentus opened this issue Jan 17, 2022 · 0 comments

Comments

@c0ncentus
Copy link

c0ncentus commented Jan 17, 2022

react: v17.2
node: 16.13.0
react-scripts: v5+

I test with the strict minimal for render component with and without colors-convert : without it, it works

import React from 'react';
import ReactDOM from 'react-dom';
import { stringToColor } from "colors-convert";

ReactDOM.render(
    <React.StrictMode>
        <div className>
            {(stringToColor("#000000"))}
        </div>
    </React.StrictMode>,
    document.getElementById('root')
);

full error


<--- Last few GCs --->

[6788:0000019EF28A5DE0]    65035 ms: Scavenge 2023.7 (2077.7) -> 2021.4 (2077.7) MB, 4.9 / 0.0 ms  (average mu = 0.182, current mu = 0.150) allocation failure
[6788:0000019EF28A5DE0]    65044 ms: Scavenge 2024.7 (2078.0) -> 2023.0 (2078.5) MB, 5.1 / 0.0 ms  (average mu = 0.182, current mu = 0.150) allocation failure
[6788:0000019EF28A5DE0]    65058 ms: Scavenge 2025.8 (2078.5) -> 2024.0 (2087.5) MB, 7.6 / 0.0 ms  (average mu = 0.182, current mu = 0.150) allocation failure


<--- JS stacktrace --->

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 00007FF7C8EE013F v8::internal::CodeObjectRegistry::~CodeObjectRegistry+112495
 2: 00007FF7C8E6F396 DSA_meth_get_flags+65526
 3: 00007FF7C8E7024D node::OnFatalError+301
 4: 00007FF7C97A19EE v8::Isolate::ReportExternalAllocationLimitReached+94
 5: 00007FF7C978BECD v8::SharedArrayBuffer::Externalize+781
 6: 00007FF7C962F61C v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1468
 7: 00007FF7C963C2C9 v8::internal::Heap::PublishPendingAllocations+1129
 8: 00007FF7C963929A v8::internal::Heap::PageFlagsAreConsistent+2842
 9: 00007FF7C962BF19 v8::internal::Heap::CollectGarbage+2137
10: 00007FF7C962A0D0 v8::internal::Heap::AllocateExternalBackingStore+2000
11: 00007FF7C964EA06 v8::internal::Factory::NewFillerObject+214
12: 00007FF7C9381CD5 v8::internal::DateCache::Weekday+1797
13: 00007FF7C982F3E1 v8::internal::SetupIsolateDelegate::SetupHeap+494417
14: 0000019EF4DC9A8B

I have some issues with postcss, maybe it's only postcss issues, I dont know.
I will directly add the main code to my project for seeing whats happen : o .

PS: i get the code and found in line 30 on hex.ts the only error I have (my configuration of tsconfig allow "any" or somes tricks with "!")

// return RegExpMatchArray | null  so dangerous to desconstruct and make me error because you cannot deconstruct something null
  const [r, g, b, a] = chunkString(hexLongWtihoutHashtag, 2) 
  • it's work when put your files in my project : (
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant