Cannot compile nextjs #14356

bhumijgupta · 2020-06-19T08:10:40Z

bhumijgupta
Jun 19, 2020

I am trying to compile two files:-

pages/index.js

import Layout from "../components/Layout";
let Home = () => (
  <Layout>
    <h1>Hello</h1>
  </Layout>
);
export default Home;

components/Layout.js

import Head from "next/head";
let Layout = ({ children, title = "Oneshot.ai" }) => (
  <Layout>
    <Head>
      <title>{title}</title>
    </Head>
    {children}
  </Layout>
);
export default Layout;

When I try to run next to compile, I get the following error

ready - started server on http://localhost:3000
event - compiled successfully

event - build page: /
wait  - compiling...
event - compiled successfully

<--- Last few GCs --->

[16895:0x4568250]   506024 ms: Mark-sweep 2046.9 (2051.5) -> 2046.4 (2051.2) MB, 15201.0 / 0.1 ms  (+ 89.3 ms in 9 steps since start of marking, biggest step 25.8 ms, walltime since start of marking 15407 ms) (average mu = 0.065, current mu = 0.014) alloc

<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 0x13cb519]
Security context: 0x37d9f73c08d1 <JSObject>
    1: createElement(aka createElement) [0x242d7d7529f9] [/home/devil/Desktop/internship/oneshot-landing/node_modules/react/cjs/react.development.js:~727] [pc=0x67dd294e7b2](this=0x0b98034404b1 <undefined>,0x38e8988e6a49 <String[#5]: title>,0x2af7fc69ecb1 <Object map = 0x3e4f656c1fb9>,0x0783c2f573e1 <String[#10]: Oneshot.ai>)
    2: createElementWithValidation(ak...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 0xa07f90 node::Abort() [node]
 2: 0xa0839c node::OnFatalError(char const*, char const*) [node]
 3: 0xb80d9e v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [node]
 4: 0xb81119 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [node]
 5: 0xd2d875  [node]
 6: 0xd2df06 v8::internal::Heap::RecomputeLimits(v8::internal::GarbageCollector) [node]
 7: 0xd3a785 v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [node]
 8: 0xd3b635 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [node]
 9: 0xd3e0ec v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationType, v8::internal::AllocationOrigin, v8::internal::AllocationAlignment) [node]
10: 0xd04cbb v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationType, v8::internal::AllocationOrigin) [node]
11: 0x104661c v8::internal::Runtime_AllocateInOldGeneration(int, unsigned long*, v8::internal::Isolate*) [node]
12: 0x13cb519  [node]
Aborted (core dumped)
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! [email protected] dev: `next`
npm ERR! Exit status 134

Answered by IamLizu

Jun 19, 2020

In your layout component, you are using itself, which you shouldn't. Try replacing your layout component with this,

import Head from "next/head";
let Layout = ({ children, title = "Oneshot.ai" }) => {
  return(
    <>
        <Head>
            <title>{title}</title>
        </Head>
        {children}
    </>
  )
}
export default Layout;

View full answer

IamLizu · 2020-06-19T16:32:57Z

IamLizu
Jun 19, 2020

In your layout component, you are using itself, which you shouldn't. Try replacing your layout component with this,

import Head from "next/head";
let Layout = ({ children, title = "Oneshot.ai" }) => {
  return(
    <>
        <Head>
            <title>{title}</title>
        </Head>
        {children}
    </>
  )
}
export default Layout;

1 reply

bhumijgupta Jun 19, 2020
Author

Thanks for pointing it out!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Cannot compile nextjs #14356

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Cannot compile nextjs #14356

Uh oh!

bhumijgupta Jun 19, 2020

Replies: 1 comment · 1 reply

Uh oh!

IamLizu Jun 19, 2020

Uh oh!

Uh oh!

bhumijgupta Jun 19, 2020 Author

bhumijgupta
Jun 19, 2020

Replies: 1 comment 1 reply

IamLizu
Jun 19, 2020

bhumijgupta Jun 19, 2020
Author