i’m a starter on reactjs / web3 / dapp coding, i started for one of my project and i got and issue that i can’t resolve it, i’m trying to make a website for mint some nft, i added react-helmet for try to add a title to my website and since that i got many error, i resolve some of them but now i got that and i dont know how i can resolve it
Command failed with exit code 134: npm run generate i tried this and it didn’t work !
<--- Last few GCs --->
[14260:000002D98912B060] 106202 ms: Mark-sweep 1965.7 (2094.4) -> 1965.7 (2094.4) MB, 1661.6 / 0.0 ms (average mu = 0.115, current mu = 0.008) allocation failure scavenge might not succeed
[14260:000002D98912B060] 107977 ms: Mark-sweep 1966.8 (2095.6) -> 1966.8 (2095.6) MB, 1765.9 / 0.0 ms (average mu = 0.063, current mu = 0.005) allocation failure scavenge might not succeed
<--- JS stacktrace --->
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 00007FF70241401F v8::internal::CodeObjectRegistry::~CodeObjectRegistry+112511
2: 00007FF7023A3146 DSA_meth_get_flags+65542
3: 00007FF7023A3FFD node::OnFatalError+301
4: 00007FF702CD5ADE v8::Isolate::ReportExternalAllocationLimitReached+94
5: 00007FF702CC000D v8::SharedArrayBuffer::Externalize+781
6: 00007FF702B635FC v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1468
7: 00007FF702B702A9 v8::internal::Heap::PublishPendingAllocations+1129
8: 00007FF702B6D27A v8::internal::Heap::PageFlagsAreConsistent+2842
9: 00007FF702B5FEF9 v8::internal::Heap::CollectGarbage+2137
10: 00007FF702B5E0B0 v8::internal::Heap::AllocateExternalBackingStore+2000
11: 00007FF702B7BD20 v8::internal::FreeListManyCached::Reset+1408
12: 00007FF702B7C3D5 v8::internal::Factory::AllocateRaw+37
13: 00007FF702B8E0CE v8::internal::FactoryBase<v8::internal::Factory>::AllocateRawArray+46
14: 00007FF702B90D2A v8::internal::FactoryBase<v8::internal::Factory>::NewFixedArrayWithFiller+74
15: 00007FF702B90F83 v8::internal::FactoryBase<v8::internal::Factory>::NewFixedArrayWithMap+35
16: 00007FF702999E5E v8::internal::HashTable<v8::internal::NumberDictionary,v8::internal::NumberDictionaryShape>::New<v8::internal::Isolate>+110
17: 00007FF702C8EFA0 v8::internal::Builtins::code_handle+167152
18: 00007FF702C8AEDD v8::internal::Builtins::code_handle+150573
19: 00007FF702C8A9C0 v8::internal::Builtins::code_handle+149264
20: 00007FF702D635B1 v8::internal::SetupIsolateDelegate::SetupHeap+494673
21: 000002D98B888789
error Command failed with exit code 134.
That’s my index.js :
import { useWeb3React } from "@web3-react/core"
import { injected } from "../components/wallet/connectors"
import 'bootstrap/dist/css/bootstrap.css'
import React from "react";
import {Helmet} from "react-helmet";
class Application extends React.Component {
render () {
return (
<div className="application">
<Helmet>
<meta charSet="utf-8" />
<title>My Title</title>
</Helmet>
...
</div>
);
}
};
export default function Home() {
const { active, account, library, connector, activate, deactivate } = useWeb3React()
async function connect() {
try {
await activate(injected)
} catch (ex) {
console.log(ex)
}
}
async function disconnect() {
try {
deactivate()
} catch (ex) {
console.log(ex)
}
}
return (
<div className="container-fluid">
<div className="row">
<div className="col">
</div>
<div className="col-6">
<h1 className="text-center title">ANGRY SHARKS</h1>
</div>
<div className="col text-end">
{active ? <button onClick={disconnect} className="btn btn-outline-light connextion">Disconnect</button> :
<button onClick={connect} className="btn btn-outline-light connextion">Connect to metamask</button>}
</div>
<div className="container-fluid square-box d-flex justify-content-center align-items-center">
<button type="button" className="btn btn-outline-light btn-lg" data-bs-toggle="button">MINT</button>
</div>
</div>
</div>
)
}
thanks for people who will help me i’m not very good in reactjs and web3 dapp coding