question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue child components are not rendered

See original GitHub issue

I forked from vue3-demo which is working as expected. (simple example without child components)

But when I create more complex component which contains another child component it is not rendered. In my case it is TextField which contains TextInput.

I created minimal version where I want to show you my issue with module federation webpack plugin. I received answer someone from vue community, that there is a warning VNode type: Symbol(Fragment) (symbol)
and resolveComponent can only be used in render() or setup()

Which is caused by having two colliding copies of Vue So I tried to use this configuration:

`new ModuleFederationPlugin( {

  name: "home",
  filename: "remoteEntry.js",     
  remotes: {},      
  library: { type: "var", name: "home" }, exposes: {      
    "./TextField": "./src/components/TextField",        
    "./TextInput": "./src/components/TextInput",        
  },      
  shared: ["vue"],      
}),

` But results are same.

So I commited my example in here

Could you please help me anyone, why it is not working? Is it a bug? I tried same with React and but it works as expected.

Alt Text

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
michalpaukertcommented, Apr 4, 2021

It looks like it is not, in newer version.

0reactions
ScriptedAlchemycommented, Jun 10, 2021

Help wanted on fixing this - I’m not a vue user

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vue child component not rendering - Stack Overflow
The "Block" component is not being rendered at all, while it is when placed outside of the parent "Page" component. I feel like...
Read more >
Child components do not render - Get Help - Vue Forum
I have a Vue + Typescript application that uses vue-router. The main page renders correctly, but the admin page displays most of the...
Read more >
Rendering a list of Vue components - Learn web development
To help Vue optimize rendering the elements in the list, it tries to patch list elements so it's not recreating them every time...
Read more >
A deep dive into children in Vue - wwwhmartins
First of all, to be on the same page, we'll call children elements all elements rendered inside any given Vue component. Here are...
Read more >
Child component cannot render when there is same named ...
Workaround: As long as the component name in the template is not the same as the binding, there will be ok.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found