Version

3.0.1

Reproduction link

https://github.com/bkinnamon/invalid-vnode-external-slot

Steps to reproduce

Move into the consumer project folder, run npm install and npm run serve.

What is expected?

The button should have the text "Button Text".

What is actually happening?

The button has no content.

The full project is using a component library package imported from our on prem git repo. I get the same results when importing from the package and from the node_modules folder.

Are you using IE browser? I get the button with Button Text content when runing your code with chrome browser, but get nothing with IE browser.

@Alanscut Vue 3.0 doesn't support IE yet.

Your reproduction doesn't show the problem you are describing: the slot renders correctly. If you are bundling your own Vue components, make sure you mark Vue as an external dependency.

Remember to use the forum or the Discord chat to ask questions!

I appreciate all of you taking a look at this issue. I'm using Chrome 86.0.4240.80 on macOS 10.15.7. I had tried:

• restarting my computer
• removing the node_modules folder and package-lock.json and reinstalling
• building that smaller example project from scratch with the Vue CLI

Nothing would work. I removed the whole example project and recloned it and now it works. I've recloned my main project and it too works.

Here's what mine would look like:

Thanks again.

https://github.com/vuejs/rfcs/blob/master/active-rfcs/0008-render-function-api-change.md#reliance-on-vue-core

I don't know if there's any documentation on this yet, see https://github.com/vuetifyjs/vuetify/discussions/4068#discussioncomment-24984