Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue 3 hot reload fails using vue-loader 16.8.2

See original GitHub issue

Version

16.8.2

Reproduction link

vue hot reload bug repository

Steps to reproduce

Clone linked repo
CD into root
npm install
npm run dev
Make a minor change in src/components/variants/Empty/index.vue or script.ts (delete and re-add a character)
Save the file
See hot reload fail

What is expected?

On save, hot reload the application successfully.

What is actually happening?

A webpack error:

<e> [webpack-dev-middleware] Error: The loaded module contains errors
<e>     at /Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/dependencies/LoaderPlugin.js:108:11
<e>     at /Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/Compilation.js:1854:5
<e>     at /Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/util/AsyncQueue.js:352:5
<e>     at Hook.eval [as callAsync] (eval at create (/Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
<e>     at AsyncQueue._handleResult (/Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/util/AsyncQueue.js:322:21)
<e>     at /Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/util/AsyncQueue.js:305:11
<e>     at /Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/Compilation.js:1384:15
<e>     at /Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/HookWebpackError.js:68:3
<e>     at Hook.eval [as callAsync] (eval at create (/Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
<e>     at Cache.store (/Users/benjamingowers/Dev/vue-hotreload-bug/node_modules/webpack/lib/Cache.js:107:20)