css modules do not support extends in dev env: TypeError: Cannot redefine property: $style

[wmzy]

Version

15.4.0

Reproduction link

https://see.below

Steps to reproduce

1. Create project by vue-cli
2. Create two components and mount the `Bar``.
   Foo:

......
<style module lang="scss">
.root {
  color: red;
}
</style>

Bar:

<template>
  <div :class="$style.root">
      There should be black.
  </div>
</template>

<script>
import GameCard from './GameCard.vue';

export default {
  extends: Foo
};
</script>
<style module lang="scss">
.root {
  color: black;
}
</style>

3. Run npm run serve.

What is expected?

No error and the color is black.

What is actually happening?

TypeError: Cannot redefine property: $style

---

I think here should be:

        Object.defineProperty(this, ${name}, {
          configurable: true, // !
          get: function () {
            return cssModules[${name}]
          }
        })

[kazupon]

Thank you for your reporting!
However, I could not reproduce it.

Can you provide minimum reproduction to us with repository please?

[wmzy]

Thanks for reply.
I send a pr for this, you can see the unit test.

[kazupon]

oh, sorry.
I'll try to see it later.