Subscribe on changes!

Unhandled error during execution of render function

avatar
Feb 25th 2024

Vue version

3.3.4

Link to minimal reproduction

https://play.vuejs.org/#eNp9U1FP2zAQ/itWXpqKzmHaJqFQmAAxiT2wCfa27MEk18QssbOz3aaq+t93ceK0SMBDlPN939mf7z7voqu25WsHURotTY6ytcyAde1lpmTTarRsxxBWbM9WqBs2I+rs/AgrwV4ZI0vVgLI3FeR/zfX2rpj4PJGqgI4/m9lRlTPwoJ0FXEzh8Qkf0INUkalcK2OZT7CLiR3PAyILSnuY/3OAWy6LQ1nuBfUEWMW//0xFjcCX6TeuEctizm0FKkYwLZWShku2yxQbt+ZrUbteWMB7aKWRxWuBTBJwek6/5Qs6r0GVtiLg5GQ+7MYGSSPeOlPF9655Aoy/kAD9TXZQxB/npJSxfab2FCyTYV40qWgRWUM3W8mSGq0VDdPvmkW5blpZA/5orSR5WZSG87JI1LXefPc5iw4WIe+lvpJ/Nl2fy6KfdFnANWTRhFmB1MIBvn28h47iCWx04WpivwM+gNG16zUOtGunCpJ9xPNq77yBpCp/mdvOgjLhUr1Q3xvPzyIy0c07Vz/I/cQ/h55SF4NXqYGjV0UntRmd6WNvSug8OJjprSdwwYTZqpz1JppsY3EbZAzVrUDR9F4cs4wcndI3rEhX/0N6kqiY2Ag5SuJ0ajyrrG3TJKl1LupKG5uenZ6dJsY9NZIU0f7J4LvZgh7deNL+FUeHmBfCisFkLBc2r1gMiBonl9oK9eYgNdcFpMxTeB+P0yI3gzGinLBxOcHhvEcrrDOBFbJfufH5ke574Ae0/w9KTJVa

Steps to reproduce

export const getAssignmentChecksById = async (id) => { try { const params = { id: id } return await axios.get('http://localhost:8080/submissions/checks', { params }).then(response => response.data) } catch (error) { throw { code: error.code, message: error.message, responseStatus: error.response?.status, } } }

const checks = ref([]) const marks = ref([]) getAssignmentChecksById(id).then(response => { checks.value = response for (var i = 0; i < checks.value.length; i++) { marks.value.push(Number(5).toFixed(1)) } })

What is expected?

No warning

What is actually happening?

Warning

[Vue warn]: Unhandled error during execution of render function at at <MarkingView onVnodeUnmounted=fn ref=Ref< Proxy(Object) {v_skip: true} > > at at warn2 @ chunk-J6475X5X.js?v=923ead7e:1449 logError @ chunk-J6475X5X.js?v=923ead7e:1623 handleError @ chunk-J6475X5X.js?v=923ead7e:1615 renderComponentRoot @ chunk-J6475X5X.js?v=923ead7e:2261 componentUpdateFn @ chunk-J6475X5X.js?v=923ead7e:7162 run @ chunk-J6475X5X.js?v=923ead7e:423 instance.update @ chunk-J6475X5X.js?v=923ead7e:7212 callWithErrorHandling @ chunk-J6475X5X.js?v=923ead7e:1565 flushJobs @ chunk-J6475X5X.js?v=923ead7e:1763 Promise.then (async) queueFlush @ chunk-J6475X5X.js?v=923ead7e:1676 queueJob @ chunk-J6475X5X.js?v=923ead7e:1670 (anonymous) @ chunk-J6475X5X.js?v=923ead7e:7208 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:604 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 set value @ chunk-J6475X5X.js?v=923ead7e:1255 (anonymous) @ MarkingView.vue:110 Promise.then (async) setup @ MarkingView.vue:109 callWithErrorHandling @ chunk-J6475X5X.js?v=923ead7e:1565 setupStatefulComponent @ chunk-J6475X5X.js?v=923ead7e:8631 setupComponent @ chunk-J6475X5X.js?v=923ead7e:8592 mountComponent @ chunk-J6475X5X.js?v=923ead7e:6997 processComponent @ chunk-J6475X5X.js?v=923ead7e:6963 patch @ chunk-J6475X5X.js?v=923ead7e:6436 componentUpdateFn @ chunk-J6475X5X.js?v=923ead7e:7171 run @ chunk-J6475X5X.js?v=923ead7e:423 instance.update @ chunk-J6475X5X.js?v=923ead7e:7212 callWithErrorHandling @ chunk-J6475X5X.js?v=923ead7e:1565 flushJobs @ chunk-J6475X5X.js?v=923ead7e:1763 Promise.then (async) queueFlush @ chunk-J6475X5X.js?v=923ead7e:1676 queuePostFlushCb @ chunk-J6475X5X.js?v=923ead7e:1696 queueEffectWithSuspense @ chunk-J6475X5X.js?v=923ead7e:3010 scheduler @ chunk-J6475X5X.js?v=923ead7e:3179 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:604 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 (anonymous) @ chunk-J6475X5X.js?v=923ead7e:1371 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:599 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 (anonymous) @ chunk-J6475X5X.js?v=923ead7e:1371 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:599 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 set value @ chunk-J6475X5X.js?v=923ead7e:1255 finalizeNavigation @ vue-router.js?v=923ead7e:2410 (anonymous) @ vue-router.js?v=923ead7e:2320 Promise.then (async) pushWithRedirect @ vue-router.js?v=923ead7e:2288 push @ vue-router.js?v=923ead7e:2214 install @ vue-router.js?v=923ead7e:2566 use @ chunk-J6475X5X.js?v=923ead7e:5143 (anonymous) @ main.js?t=1708876103126:22 Show 49 more frames Show less MarkingView.vue:110 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core at at <MarkingView onVnodeUnmounted=fn ref=Ref< Proxy(Object) {v_skip: true} > > at at

System Info

No response

Any additional comments?

No response

avatar
Feb 26th 2024

This is not a valid reproduction. The linked playground does not run.