Version

3.2.31

Reproduction link

github.com/l1x/vue-bug

Steps to reproduce

yarn serve

What is expected?

a working hello world

What is actually happening?

a non working hello world

> npx envinfo --system --npmPackages '{vue,@vue/*}' --binaries --browsers

  System:
    OS: macOS 11.6.2
    CPU: (8) arm64 Apple M1
    Memory: 112.64 MB / 16.00 GB
    Shell: 3.3.1 - /opt/homebrew/bin/fish
  Binaries:
    Node: 14.18.1 - /opt/homebrew/opt/node@14/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 8.1.0 - /opt/homebrew/bin/npm
  Browsers:
    Brave Browser: 98.1.35.101
    Safari: 15.0
  npmPackages:
    @vue/cli-plugin-babel: ~4.5.0 => 4.5.15
    @vue/cli-plugin-eslint: ~4.5.0 => 4.5.15
    @vue/cli-plugin-router: ~4.5.0 => 4.5.15
    @vue/cli-plugin-typescript: ~4.5.0 => 4.5.15
    @vue/cli-service: ~4.5.0 => 4.5.15
    @vue/compiler-sfc: ^3.0.0 => 3.2.31
    @vue/eslint-config-prettier: ^6.0.0 => 6.0.0
    @vue/eslint-config-typescript: ^7.0.0 => 7.0.0
    vue: ^3.0.0 => 3.2.31

Duplicate of vuejs/vue-cli#6994

Workaround is to add this config:

// vue.config.js
module.exports = {
  configureWebpack: {
    devtool: 'eval-cheap-source-map',
  },
}

demo