Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slotted Vue custom element children within async Vue custom elements error during instance creation #9341

Closed
misaacs21 opened this issue Oct 4, 2023 · 2 comments
Labels
🐞 bug Something isn't working scope: custom elements

Comments

@misaacs21
Copy link

Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vue-async-custom-element-slotted-child?file=src%2FApp.vue

Steps to reproduce

Wait for the app to boot and open the browser console. Error occurs before the slotted component's Vue instance is fully created.

What is expected?

The slotted component's Vue instance is created and mounted without error.

What is actually happening?

Before the async component's Vue instance is fully created, the slotted component attempts to create its own, resulting in this error:

Uncaught TypeError: Cannot read properties of null (reading 'provides')
    at vnode.ce (vue.js?v=974b663c:9664:50)
    at createComponentInstance (vue.js?v=974b663c:8543:11)
    at mountComponent (vue.js?v=974b663c:6978:47)
    at processComponent (vue.js?v=974b663c:6963:9)
    at patch (vue.js?v=974b663c:6436:11)
    at Object.render2 [as render] (vue.js?v=974b663c:7730:7)
    at render (vue.js?v=974b663c:10516:20)
    at VueCustomElement._update (vue.js?v=974b663c:9628:5)
    at resolve2 (vue.js?v=974b663c:9565:12)
    at VueCustomElement._resolveDef (vue.js?v=974b663c:9571:7)

This occurs if the slotted component is async as well, and when it's not the first element within the slot (ie. nested in a div).

System Info

No response

Any additional comments?

No response

@yashha
Copy link

yashha commented Nov 6, 2023

For those who have the same problem.
While #9351 is not merged, we could already use it with vue 3.3.7 and https://github.com/ds300/patch-package

yyx990803 added a commit that referenced this issue Aug 6, 2024
@yyx990803
Copy link
Member

closed via 37ccb9b (to be released in 3.5)

@github-actions github-actions bot locked and limited conversation to collaborators Aug 21, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🐞 bug Something isn't working scope: custom elements
Projects
None yet
4 participants