npm run build hangs forever for Vue3 hello world project when the "Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)" option is checked

[nikita-kov-dev]

Vue version

3.3.4

Link to minimal reproduction

https://github.com/nikitaKov91/vue3-reproduction

Steps to reproduce

0. Create a project with the following configuration: Vue CLI v5.0.8 ? Please pick a preset: Manually select features ? Check the features needed for your project: Babel, TS, Linter, Unit ? Choose a version of Vue.js that you want to start the project with 3.x ? Use class-style component syntax? Yes ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes ? Pick a linter / formatter config: Airbnb ? Pick additional lint features: Lint on save ? Pick a unit testing solution: Jest ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files ? Save this as a preset for future projects? No

1. Run the following command: npm run build

2. It hangs

What is expected?

The project compiled successfully

What is actually happening?

npm run build hangs

System Info

My OS:
Distributor ID: Ubuntu
Description:    Ubuntu 22.04.3 LTS
Release:    22.04
Codename:   jammy

vue -V command output:
@vue/cli 5.0.8

node -v command output:
v20.5.0

Any additional comments?

The same configuration but with the "? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? No" option works as expected No response

[Shyam-Chen]

vue-class-component

It is no longer recommend to use Class-based components in Vue 3.

[dadoo72]

Hi, i have a similar issue but only in arch derivatives (endeavour os, manjaro). in debian derivatives as mx-linux it works well. i made: 1) sudo npm i -g @vue/cli 2) vue create myproject 3) cd myproject 4) npm run build ----> hangs node -v 20.x.x npm -v 10.x.x vue --version 5.0.8

some help should be very apreciated. thanks

[mensinda]

I am also affected by this. I was able to narrow down the problem with docker images (and the minimal test repo from @nikitaKov91):

• The build works as expected with the node:18.17.1 image, but fails with the node:18.18.0 image.
• The build works as expected with the node:20.2.0 image, but fails with the node:20.3.0 image.

Steps to reproduce:

• docker run --rm -it -v $PWD:/mnt node:<major>.<minor> /bin/bash
• cd /mnt
• rm -rf node_modules dist
• npm install
• npm run build # Either the build finishes fairly quickly or runs forever

[hinaloe]

It seems to be related to the following issues:

• https://github.com/nodejs/node/issues/49911
• https://github.com/webpack-contrib/thread-loader/issues/191