Example anniversary broken: Tried to access an asynchronous property before the node was ready

[a-schulz]

Tried to run npm run anniversary. Then in the browser clicked on intro which results in this url: http://localhost:9000/intro

Full logs:

__x00__virtual:editor?project=intro:3 Tried to access an asynchronous property before the node was ready. Make sure to yield the node before accessing the property. {inspect: 'intro/Img2[3]'}
(anonymous) @ @motion-canvas_ui.js?v=df10c4a4:54792
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:3110
notifySubscribers @ chunk-TVATFYTI.js?v=df10c4a4:3110
dispatch @ chunk-TVATFYTI.js?v=df10c4a4:3147
log @ chunk-TVATFYTI.js?v=df10c4a4:7751
logLevel @ chunk-TVATFYTI.js?v=df10c4a4:7778
error @ chunk-TVATFYTI.js?v=df10c4a4:7755
next @ chunk-TVATFYTI.js?v=df10c4a4:4985
await in next
next @ @motion-canvas_2d.js?v=df10c4a4:70056
reset @ chunk-TVATFYTI.js?v=df10c4a4:5005
reset @ @motion-canvas_2d.js?v=df10c4a4:70082
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4942
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4610
prepare @ chunk-TVATFYTI.js?v=df10c4a4:8618
run @ chunk-TVATFYTI.js?v=df10c4a4:8645
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:8690
requestAnimationFrame
request @ chunk-TVATFYTI.js?v=df10c4a4:8684
activate @ chunk-TVATFYTI.js?v=df10c4a4:8581
Player @ chunk-TVATFYTI.js?v=df10c4a4:8452
vy @ @motion-canvas_ui.js?v=df10c4a4:54817
(anonymous) @ __x00__virtual:editor?project=intro:3
__x00__virtual:editor?project=intro:3 Error
    at DependencyContext.collectPromise (chunk-TVATFYTI.js?v=df10c4a4:5488:14)
    at Img2.image (@motion-canvas_2d.js?v=df10c4a4:50854:25)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Img2.applyFlex (@motion-canvas_2d.js?v=df10c4a4:50908:24)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Img2.updateLayout (@motion-canvas_2d.js?v=df10c4a4:48337:10)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.updateLayout (@motion-canvas_2d.js?v=df10c4a4:48341:15)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.updateLayout (@motion-canvas_2d.js?v=df10c4a4:48341:15)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.requestLayoutUpdate (@motion-canvas_2d.js?v=df10c4a4:48320:12)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.computedSize (@motion-canvas_2d.js?v=df10c4a4:48310:10)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.getWidth (@motion-canvas_2d.js?v=df10c4a4:48113:17)
    at SignalContext.get (chunk-TVATFYTI.js?v=df10c4a4:5638:28)
    at SignalContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5661:19)
    at chunk-TVATFYTI.js?v=df10c4a4:5850:86
    at Array.map (<anonymous>)
    at CompoundSignalContext.getter (chunk-TVATFYTI.js?v=df10c4a4:5850:55)
    at CompoundSignalContext.get (chunk-TVATFYTI.js?v=df10c4a4:5638:28)
    at CompoundSignalContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5661:19)
    at Scene2D.runnerFactory (intro.tsx:186:27)
    at Generator.next (<anonymous>)
    at Thread.next (chunk-TVATFYTI.js?v=df10c4a4:4052:32)
    at threads (chunk-TVATFYTI.js?v=df10c4a4:4165:29)
    at threads.next (<anonymous>)
    at chunk-TVATFYTI.js?v=df10c4a4:4970:49
    at Scene2D.execute (chunk-TVATFYTI.js?v=df10c4a4:5060:16)
    at Scene2D.next (chunk-TVATFYTI.js?v=df10c4a4:4970:23)
    at async Scene2D.reset (chunk-TVATFYTI.js?v=df10c4a4:5005:5)
    at async Scene2D.recalculate (chunk-TVATFYTI.js?v=df10c4a4:4942:5)
    at async PlaybackManager.recalculate (chunk-TVATFYTI.js?v=df10c4a4:4610:9)
    at async Player.prepare (chunk-TVATFYTI.js?v=df10c4a4:8618:9)
    at async Player.run (chunk-TVATFYTI.js?v=df10c4a4:8645:19)
    at async chunk-TVATFYTI.js?v=df10c4a4:8690:11
(anonymous) @ @motion-canvas_ui.js?v=df10c4a4:54792
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:3110
notifySubscribers @ chunk-TVATFYTI.js?v=df10c4a4:3110
dispatch @ chunk-TVATFYTI.js?v=df10c4a4:3147
log @ chunk-TVATFYTI.js?v=df10c4a4:7751
logLevel @ chunk-TVATFYTI.js?v=df10c4a4:7778
error @ chunk-TVATFYTI.js?v=df10c4a4:7755
next @ chunk-TVATFYTI.js?v=df10c4a4:4985
await in next
next @ @motion-canvas_2d.js?v=df10c4a4:70056
reset @ chunk-TVATFYTI.js?v=df10c4a4:5005
reset @ @motion-canvas_2d.js?v=df10c4a4:70082
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4942
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4610
prepare @ chunk-TVATFYTI.js?v=df10c4a4:8618
run @ chunk-TVATFYTI.js?v=df10c4a4:8645
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:8690
requestAnimationFrame
request @ chunk-TVATFYTI.js?v=df10c4a4:8684
activate @ chunk-TVATFYTI.js?v=df10c4a4:8581
Player @ chunk-TVATFYTI.js?v=df10c4a4:8452
vy @ @motion-canvas_ui.js?v=df10c4a4:54817
(anonymous) @ __x00__virtual:editor?project=intro:3
__x00__virtual:editor?project=intro:3 Tried to access an asynchronous property before the node was ready. Make sure to yield the node before accessing the property. {inspect: 'intro/Img2[3]'}
(anonymous) @ @motion-canvas_ui.js?v=df10c4a4:54792
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:3110
notifySubscribers @ chunk-TVATFYTI.js?v=df10c4a4:3110
dispatch @ chunk-TVATFYTI.js?v=df10c4a4:3147
log @ chunk-TVATFYTI.js?v=df10c4a4:7751
logLevel @ chunk-TVATFYTI.js?v=df10c4a4:7778
error @ chunk-TVATFYTI.js?v=df10c4a4:7755
next @ chunk-TVATFYTI.js?v=df10c4a4:4985
await in next
next @ @motion-canvas_2d.js?v=df10c4a4:70056
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4948
await in recalculate
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4610
prepare @ chunk-TVATFYTI.js?v=df10c4a4:8618
run @ chunk-TVATFYTI.js?v=df10c4a4:8645
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:8690
requestAnimationFrame
request @ chunk-TVATFYTI.js?v=df10c4a4:8684
activate @ chunk-TVATFYTI.js?v=df10c4a4:8581
Player @ chunk-TVATFYTI.js?v=df10c4a4:8452
vy @ @motion-canvas_ui.js?v=df10c4a4:54817
(anonymous) @ __x00__virtual:editor?project=intro:3
__x00__virtual:editor?project=intro:3 Error
    at DependencyContext.collectPromise (chunk-TVATFYTI.js?v=df10c4a4:5488:14)
    at Img2.image (@motion-canvas_2d.js?v=df10c4a4:50854:25)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Img2.applyFlex (@motion-canvas_2d.js?v=df10c4a4:50908:24)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Img2.updateLayout (@motion-canvas_2d.js?v=df10c4a4:48337:10)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.updateLayout (@motion-canvas_2d.js?v=df10c4a4:48341:15)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.updateLayout (@motion-canvas_2d.js?v=df10c4a4:48341:15)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.requestLayoutUpdate (@motion-canvas_2d.js?v=df10c4a4:48320:12)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.computedSize (@motion-canvas_2d.js?v=df10c4a4:48310:10)
    at ComputedContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5910:26)
    at Rect2.getWidth (@motion-canvas_2d.js?v=df10c4a4:48113:17)
    at SignalContext.get (chunk-TVATFYTI.js?v=df10c4a4:5638:28)
    at SignalContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5661:19)
    at chunk-TVATFYTI.js?v=df10c4a4:5850:86
    at Array.map (<anonymous>)
    at CompoundSignalContext.getter (chunk-TVATFYTI.js?v=df10c4a4:5850:55)
    at CompoundSignalContext.get (chunk-TVATFYTI.js?v=df10c4a4:5638:28)
    at CompoundSignalContext.createQueue (chunk-TVATFYTI.js?v=df10c4a4:5670:26)
    at CompoundSignalContext.invoke (chunk-TVATFYTI.js?v=df10c4a4:5666:24)
    at Scene2D.runnerFactory (intro.tsx:267:12)
    at Generator.next (<anonymous>)
    at Thread.next (chunk-TVATFYTI.js?v=df10c4a4:4052:32)
    at threads (chunk-TVATFYTI.js?v=df10c4a4:4165:29)
    at threads.next (<anonymous>)
    at chunk-TVATFYTI.js?v=df10c4a4:4965:49
    at Scene2D.execute (chunk-TVATFYTI.js?v=df10c4a4:5060:16)
    at Scene2D.next (chunk-TVATFYTI.js?v=df10c4a4:4965:23)
    at Scene2D.next (@motion-canvas_2d.js?v=df10c4a4:70056:18)
    at Scene2D.recalculate (chunk-TVATFYTI.js?v=df10c4a4:4948:18)
    at async PlaybackManager.recalculate (chunk-TVATFYTI.js?v=df10c4a4:4610:9)
    at async Player.prepare (chunk-TVATFYTI.js?v=df10c4a4:8618:9)
    at async Player.run (chunk-TVATFYTI.js?v=df10c4a4:8645:19)
    at async chunk-TVATFYTI.js?v=df10c4a4:8690:11
(anonymous) @ @motion-canvas_ui.js?v=df10c4a4:54792
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:3110
notifySubscribers @ chunk-TVATFYTI.js?v=df10c4a4:3110
dispatch @ chunk-TVATFYTI.js?v=df10c4a4:3147
log @ chunk-TVATFYTI.js?v=df10c4a4:7751
logLevel @ chunk-TVATFYTI.js?v=df10c4a4:7778
error @ chunk-TVATFYTI.js?v=df10c4a4:7755
next @ chunk-TVATFYTI.js?v=df10c4a4:4985
await in next
next @ @motion-canvas_2d.js?v=df10c4a4:70056
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4948
await in recalculate
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4610
prepare @ chunk-TVATFYTI.js?v=df10c4a4:8618
run @ chunk-TVATFYTI.js?v=df10c4a4:8645
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:8690
requestAnimationFrame
request @ chunk-TVATFYTI.js?v=df10c4a4:8684
activate @ chunk-TVATFYTI.js?v=df10c4a4:8581
Player @ chunk-TVATFYTI.js?v=df10c4a4:8452
vy @ @motion-canvas_ui.js?v=df10c4a4:54817
(anonymous) @ __x00__virtual:editor?project=intro:3
https%3A%2F%2Fyt3.ggpht.com%2Fytc%2FAIf8zZS7J6Gy2dcZR7Qbu17lIYM3lh8cpZ_vOMeC3xoXiQ%3Ds176-c-k-c0x00ffffff-no-rj:1  GET http://localhost:9000/cors-proxy/https%3A%2F%2Fyt3.ggpht.com%2Fytc%2FAIf8zZS7J6Gy2dcZR7Qbu17lIYM3lh8cpZ_vOMeC3xoXiQ%3Ds176-c-k-c0x00ffffff-no-rj?asset-hash=1768904306057 400 (Bad Request)
Image
image @ @motion-canvas_2d.js?v=df10c4a4:50850
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
applyFlex @ @motion-canvas_2d.js?v=df10c4a4:50908
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
updateLayout @ @motion-canvas_2d.js?v=df10c4a4:48337
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
updateLayout @ @motion-canvas_2d.js?v=df10c4a4:48341
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
updateLayout @ @motion-canvas_2d.js?v=df10c4a4:48341
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
requestLayoutUpdate @ @motion-canvas_2d.js?v=df10c4a4:48320
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
requestLayoutUpdate @ @motion-canvas_2d.js?v=df10c4a4:48322
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
requestLayoutUpdate @ @motion-canvas_2d.js?v=df10c4a4:48322
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
requestLayoutUpdate @ @motion-canvas_2d.js?v=df10c4a4:48322
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
computedSize @ @motion-canvas_2d.js?v=df10c4a4:48310
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5910
getWidth @ @motion-canvas_2d.js?v=df10c4a4:48113
get @ chunk-TVATFYTI.js?v=df10c4a4:5638
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5661
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:5850
getter @ chunk-TVATFYTI.js?v=df10c4a4:5850
get @ chunk-TVATFYTI.js?v=df10c4a4:5638
invoke @ chunk-TVATFYTI.js?v=df10c4a4:5661
tweenText @ @motion-canvas_2d.js?v=df10c4a4:53042
tween @ chunk-TVATFYTI.js?v=df10c4a4:5710
animate @ chunk-TVATFYTI.js?v=df10c4a4:5674
next @ chunk-TVATFYTI.js?v=df10c4a4:4052
threads @ chunk-TVATFYTI.js?v=df10c4a4:4165
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:4965
execute @ chunk-TVATFYTI.js?v=df10c4a4:5060
next @ chunk-TVATFYTI.js?v=df10c4a4:4965
next @ @motion-canvas_2d.js?v=df10c4a4:70056
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4948
await in recalculate
recalculate @ chunk-TVATFYTI.js?v=df10c4a4:4610
prepare @ chunk-TVATFYTI.js?v=df10c4a4:8618
run @ chunk-TVATFYTI.js?v=df10c4a4:8645
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:8690
requestAnimationFrame
request @ chunk-TVATFYTI.js?v=df10c4a4:8684
activate @ chunk-TVATFYTI.js?v=df10c4a4:8581
Player @ chunk-TVATFYTI.js?v=df10c4a4:8452
vy @ @motion-canvas_ui.js?v=df10c4a4:54817
(anonymous) @ __x00__virtual:editor?project=intro:3
__x00__virtual:editor?project=intro:3 Failed to load an image {remarks: "The <code>src</code> property was set to:\n<pre><co…images'>Learn more</a>\nabout working with images.", inspect: 'intro/Img2[3]'}
(anonymous) @ @motion-canvas_ui.js?v=df10c4a4:54792
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:3110
notifySubscribers @ chunk-TVATFYTI.js?v=df10c4a4:3110
dispatch @ chunk-TVATFYTI.js?v=df10c4a4:3147
log @ chunk-TVATFYTI.js?v=df10c4a4:7751
logLevel @ chunk-TVATFYTI.js?v=df10c4a4:7778
error @ chunk-TVATFYTI.js?v=df10c4a4:7755
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:8692
requestAnimationFrame
request @ chunk-TVATFYTI.js?v=df10c4a4:8684
activate @ chunk-TVATFYTI.js?v=df10c4a4:8581
Player @ chunk-TVATFYTI.js?v=df10c4a4:8452
vy @ @motion-canvas_ui.js?v=df10c4a4:54817
(anonymous) @ __x00__virtual:editor?project=intro:3
__x00__virtual:editor?project=intro:3 Error: Failed to load an image
    at HTMLImageElement.<anonymous> (@motion-canvas_2d.js?v=df10c4a4:50856:54)
(anonymous) @ @motion-canvas_ui.js?v=df10c4a4:54792
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:3110
notifySubscribers @ chunk-TVATFYTI.js?v=df10c4a4:3110
dispatch @ chunk-TVATFYTI.js?v=df10c4a4:3147
log @ chunk-TVATFYTI.js?v=df10c4a4:7751
logLevel @ chunk-TVATFYTI.js?v=df10c4a4:7778
error @ chunk-TVATFYTI.js?v=df10c4a4:7755
(anonymous) @ chunk-TVATFYTI.js?v=df10c4a4:8692
requestAnimationFrame
request @ chunk-TVATFYTI.js?v=df10c4a4:8684
activate @ chunk-TVATFYTI.js?v=df10c4a4:8581
Player @ chunk-TVATFYTI.js?v=df10c4a4:8452
vy @ @motion-canvas_ui.js?v=df10c4a4:54817
(anonymous) @ __x00__virtual:editor?project=intro:3
@motion-canvas_2d.js?v=df10c4a4:50856 Uncaught (in promise) DetailedError: Failed to load an image
    at HTMLImageElement.<anonymous> (@motion-canvas_2d.js?v=df10c4a4:50856:54)
(anonymous) @ @motion-canvas_2d.js?v=df10c4a4:50856

[LeonardoRSilva]

For me, adding this code snippet above the line with the error partially solved the problem. The error became a warning, but the project started working again, so this might help you in some way (Note: for it to work, you also need to correct the link references in the videos.ts file under the avatar property).

[a-schulz]

Still could not get it working :|
Honestly I don't have time and the experience in motion to fix the issue.
Just wanted to view some examples and evaluate possible use.

Would appreciate it if someone could fix the examples. Thanks for your work!