TypeError: Object(...) is not a function

[FireMasterK]

Version

3.2.6, reproducable on >=3.2.1

Reproduction link

https://b9ae50b7.piped.pages.dev/
https://github.com/TeamPiped/Piped/tree/dependabot/npm_and_yarn/vue/compiler-sfc-3.2.6

Steps to reproduce

Clone https://github.com/TeamPiped/Piped
With yarn, update @vue/compiler-sfc to be >= 3.2.1

or see https://github.com/TeamPiped/Piped/tree/dependabot/npm_and_yarn/vue/compiler-sfc-3.2.6

What is expected?

I expect the app to load properly, like before updating the compiler.

What is actually happening?

An exception is being thrown in the browser:

Uncaught TypeError: Object(...) is not a function

---

I got this issue when I used dependabot to update the vue-compiler.

[posva]

Deleting your lock and running yarn/npm i should fix this issue. Another possible solution is removing all the vue (vue, @vue/*) dependencies and add them again.

Not sure why this is happening but this is how I fixed it in my projects.

[edison1105]

in your yarn.lock @vue/compiler-sfc@^3.1.5 see https://github.com/TeamPiped/Piped/blob/master/yarn.lock#L1447

before re-install deps, you should remove yarn.lock first.

[FireMasterK]

Thanks! Regenerating the lockfile did the trick!