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:

• libuv update in 18.18.0 breaks webpack's thread-loader nodejs/node#49911
• build error or build hang with libuv 1.46 webpack-contrib/thread-loader#191