Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Nuxt3 build ERROR [commonjs--resolver]

See original GitHub issue

Hi, I have problem during building process on Nuxt3. Can somebody help me?

my package.json

{
  "devDependencies": {
    "nuxt": "3.0.0-rc.11",
  },
  "dependencies": {
    "three": "^0.143.0",
    "troisjs": "^0.3.4"
  }
}

ℹ Client built in 16353ms                                                                                                                                                                                                12:01:06
ℹ Building server...                                                                                                                                                                                                     12:01:06

 ERROR  [commonjs--resolver] Unexpected keyword 'false'                                                                                                                                                                  12:01:13
file: /app/node_modules/troisjs/build/trois.module.js:629:13
627:       this.addListener("init", cb);
628:     },
629:     onMounted(cb) {
                  ^
630:       this.addListener("mounted", cb);
631:     },


 ERROR  Unexpected keyword 'false'

Issue Analytics

State:
Created a year ago
Reactions:1
Comments:7

Top GitHub Comments

1reaction

jojcocommented, Oct 27, 2022

In my case I had <ClientOnly> component in the parent component and I thought child component will inherit from it, but It looks like I was wrong. I take <ClientOnly> directly before <Renderer> in the one component (or .client postfix on component), after that everything works fine. My fault.

0reactions

jojcocommented, Nov 23, 2022

In my case I had component in the parent component and I thought child component will inherit from it, but It looks like I was wrong. I take directly before in the one component (or .client postfix on component), after that everything works fine. My fault.

Could you expand on this? I’m having this issue as well and I’m having trouble following your comment here.

I had Nuxt set on hybrid rendering ssr: true. And I had <ClientOnly> component in separate .vue file where was child component renderer.vue inside them I had <Renderer> troisjs component. This was wrong ,after I put <ClientComponent> directly inside renderer.vue before <Renderer>, everything works fine. (Remember you must have build: { transpile:[‘troijs’] } as well.)