Subscribe on changes!

Vue SFC playground displays errors when making changes.

avatar
Sep 29th 2022

Vue version

Version @24f4c47

Link to minimal reproduction

https://sfc.vuejs.org/

Steps to reproduce

Open browser (tested with chrome and firefox) to https://sfc.vuejs.org/ Add a line of valid code. e.g. const test = ref();

What is expected?

I'm expecting the SFC playground to not display errors.

What is actually happening?

Errors are displayed image

System Info

Windows
Chrome/Firefox

Any additional comments?

Refreshing seems to fix it. Changing versions seems to fix it. This has started happening over the last few days

avatar
Sep 29th 2022

I think this is related to files catch, because when I tried with new chrome session (New incognito window) I didn't get any issue.

avatar
Sep 30th 2022

I don't know if you have the Google Chrome plugin 'Vue.js devtools' installed, if you have it, try turning it off to see if the problem persists. Because I was getting an error from 'Vue.js devtools' when I was trying to locate the problem, when I turned it off, the problem went away and everything worked fine. This is most likely an issue between the Google Chrome plugin and 'playground'.

avatar
Sep 30th 2022

@baiwusanyu-c I think you may be right! I disabled the extension and it seems to be working correctly. I'll be opening a ticket on the vue dev tools repo