Subscribe on changes!

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

avatar
Aug 25th 2021

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.

avatar
Aug 25th 2021

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.

avatar
Aug 25th 2021

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.

avatar
Aug 25th 2021

Thanks! Regenerating the lockfile did the trick!