Subscribe on changes!

sfc playground render failed when load vue 3.15 and lower version

avatar
Jul 28th 2021

Version

3.1.5

Reproduction link

https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8aDE+e3sgbXNnIH19PC9oMT5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQgc2V0dXA+XG5jb25zdCBtc2cgPSAnSGVsbG8gV29ybGQhJ1xuPC9zY3JpcHQ+In0=

Steps to reproduce

  1. open sfc playground
  2. select vue version 3.15
  3. render failed

What is expected?

render as normal

What is actually happening?

render failed and throw error message as below: Uncaught SyntaxError: The requested module 'vue' does not provide an export named 'createElementBlock'


When 3.15 is released, sfc playground worked fine. The error is founded when 3.20-beta is released.

avatar
Jul 28th 2021

this is because createElementBlock is a feature of v3.2. It's will render failed when changing the version from v3.2 to v3.1. Maybe should re-generate the render function when changing the version.

as workaround

  1. clear content of App.vue
  2. change the version
  3. edit App.vue
avatar
Jul 28th 2021

this is because createElementBlock is a feature of v3.2. It's will render failed when changing the version from v3.2 to v3.1. Maybe should re-generate the render function when changing the version.

as workaround

  1. clear content of App.vue
  2. change the version
  3. edit App.vue

so that's it! thx a lot. I will close this issue.

avatar
Jul 29th 2021

for the most part you can also just add a space to trigger re compilation with the selected version.