Component with extends imported with import() breaks HMR when changing base component

mrodal commented 5 years ago

Version

15.4.0

Reproduction link

https://github.com/mrodal/reported-issues/tree/vue-extended-comp-hmr

Steps to reproduce

Have a Base and Extended component.
Extended extends Base
Import Extended with dynamic import()
Run site with HMR
Change Base script

What is expected?

Extended is rendered

What is actually happening?

Base is being rendered

This doesnt happen with normal import Extended from 'Extended.vue'

Edit: I take that last thing back, now it seems to be happening with the normal import too

horo42 commented 5 years ago

Still happening with latest version, 15.7.0 as of today.

horo42 commented 5 years ago

My use case allowed me to avoid this issue by transforming the base Vue component from a .vue SFC to a simple .js object. This fixes the template override issue.

My base components don't need a template or render function, so YMMV.

vuejs / vue-loader