Nuxt chunking error when build (v4.1.1)

I got build error after upgrade to nuxt

4.1.1

4.1.1

4.1.1

4.1.1

Nuxt Build Error: [nuxt:tree-shake-composables:transform] Cannot split a chunk that has already been edited

Nuxt Build Error: [nuxt:tree-shake-composables:transform] Cannot split a chunk that has already been edited

Nuxt Build Error: [nuxt:tree-shake-composables:transform] Cannot split a chunk that has already been edited

Nuxt Build Error: [nuxt:tree-shake-composables:transform] Cannot split a chunk that has already been edited

After debugging, i found that the affected parts are normally arrow functions (either

async

async

async

async or not) passed into

onMounted

onMounted

onMounted

onMounted
Like

onMounted(() => {
 // Do something
})

onMounted(() => {
 // Do something
})

onMounted(() => {
 // Do something
})

onMounted(() => {
 // Do something
})

And i had to fix it with

function doSomething() {}
onMounted(doSomething)

function doSomething() {}
onMounted(doSomething)

function doSomething() {}
onMounted(doSomething)

function doSomething() {}
onMounted(doSomething)

Then the build works again!

I think this might be a bug, it could be something inside the arrow function caused the issue or the arrow function itself affected the new build chunking feature

Nuxt chunking error when build (v4.1.1)

Similar Threads

Similar Threads

Similar Threads