Modal in a Layout doesn't appear

[SchroterQuentin]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.0.2

Environment

Windows 10, firefox and chrome, vue 2.5.15, vue-antd-ui 1.0.1

Reproduction link

Steps to reproduce

Didn't succeed to reproduce but I think the error come from the rendering process which is called before some stuff are ready. I already had a similar issue in the past.

What is expected?

I copy past the exemple with modal in my app and in an other clean app and when I click on the button to make the modal visible, the modal does not appear. And the button seems crashed.

What is actually happening?

In the DOM Html where I should have the modal rendered, I juste have

<div><!----></div>

---

There is nothing displayed on the console and in the vue-dev-tools the components are in a correct state but just not rendered. I'm quite certain that it's a problem of rendering stuff not ready to be rendered.

[tangjinzhou]

can you give me a Reproduction link?

[SchroterQuentin]

It's only a problem in development environment. It's just working great on production environment just like the issue I already had but was on the other way.

My old issue was fixed by replacing

var root = new Vue({
    el: "#root",
    template: `<layout/>`,
    components: {
        Layout
    }
})

to

var root = new Vue({
    el: "#root",
    render: h => h(Layout)
})

[SchroterQuentin]

No I can't I try since the last hour but it seems to be not reproducable easily ...

[tangjinzhou]

give me your code ?

[SchroterQuentin]

I did succeed to reproduce the bug and now I'm quite sure it's about my config on webpack.

Here is the reproductible exemple : https://github.com/SchroterQuentin/Vue-Antd

You will need the dotnet core sdk to build and run the app. When webpack build main.js in dev it's bugged and in prod it's not. If you could explain to me I would really apreciate that.

If I can help I will

[SchroterQuentin]

I didn't know that, maybe for production purpose I'll remove it but for debug it help me build bundle really fast.
I did find a solution but I do not know why it's working. I just comment this line on my webpack.config.js file

resolve: {
      extensions: ['.js', '.vue'],
      alias: isDevBuild ? {
        // 'vue$': 'vue/dist/vue',
      } : {
      }
},

Thanks for the help. Really appreciate yours quick answers.

[tangjinzhou]

@SchroterQuentin
I think I know the cause of the problem.
You should ensure that your dll configuration file is consistent with the resolve.alias of the project configuration file.
E.g:

resolve: {
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
     }
   },

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.