Deploy timeout fresh vue project

Issue

I cannot seem to deploy a site. The build times out and get stuck on Building for production…
I have never had this issue in the past.

Build Settings

Runtime
Not set

Base directory
/

Package directory
Not set

Build command
yarn run build

Publish directory
dist

Functions directory
netlify/functions

Build status

Active

Logs

8:55:23 AM: build-image version: 73f16e520fdddf409be6f578c8c2c8941bdf32d3 (focal)
8:55:23 AM: buildbot version: aae36d37bb0728ee6dc52d97c5e1b5b83720773e
8:55:23 AM: Fetching cached dependencies
8:55:23 AM: Failed to fetch cache, continuing with build
8:55:23 AM: Starting to prepare the repo for build
8:55:23 AM: No cached dependencies found. Cloning fresh repo
8:55:23 AM: git clone --filter=blob:none https://github.com/michael-evrythngwrx/deploytest
8:55:23 AM: Preparing Git Reference refs/heads/master
8:55:26 AM: Starting to install dependencies
8:55:26 AM: Python version set to 3.8
8:55:26 AM: Attempting Ruby version 2.7.2, read from environment
8:55:27 AM: Using Ruby version 2.7.2
8:55:27 AM: Started restoring cached go cache
8:55:27 AM: Finished restoring cached go cache
8:55:29 AM: Installing Go version 1.19.13 (requested 1.19.x)
8:55:34 AM: go version go1.19.13 linux/amd64
8:55:34 AM: Using PHP version 8.0
8:55:36 AM: Downloading and installing node v18.18.0…
8:55:36 AM: Downloading https://nodejs.org/dist/v18.18.0/node-v18.18.0-linux-x64.tar.xz…
8:55:37 AM: Computing checksum with sha256sum
8:55:37 AM: Checksums matched!
8:55:39 AM: Now using node v18.18.0 (npm v9.8.1)
8:55:39 AM: Enabling Node.js Corepack
8:55:39 AM: Started restoring cached build plugins
8:55:39 AM: Finished restoring cached build plugins
8:55:39 AM: Started restoring cached corepack dependencies
8:55:39 AM: Finished restoring cached corepack dependencies
8:55:39 AM: Started restoring cached yarn cache
8:55:39 AM: Finished restoring cached yarn cache
8:55:40 AM: No yarn workspaces detected
8:55:40 AM: Started restoring cached node modules
8:55:40 AM: Finished restoring cached node modules
8:55:40 AM: Installing npm packages using Yarn version 1.22.19
8:55:41 AM: yarn install v1.22.19
8:55:41 AM: [1/4] Resolving packages…
8:55:41 AM: [2/4] Fetching packages…
8:55:48 AM: [3/4] Linking dependencies…
8:55:50 AM: [4/4] Building fresh packages…
8:55:50 AM: Done in 9.94s.
8:55:50 AM: npm packages installed using Yarn
8:55:51 AM: Install dependencies script success
8:55:51 AM: Starting build script
8:55:52 AM: Detected 1 framework(s)
8:55:52 AM: β€œvue” at version β€œ5.0.8”
8:55:52 AM: Section completed: initializing
8:55:54 AM: ​
8:55:54 AM: Netlify Build
8:55:54 AM: ────────────────────────────────────────────────────────────────
8:55:54 AM: ​
8:55:54 AM: ❯ Version
8:55:54 AM: @netlify/build 29.21.1
8:55:54 AM: ​
8:55:54 AM: ❯ Flags
8:55:54 AM: baseRelDir: true
8:55:54 AM: buildId: 651031a951dc695978f8b573
8:55:54 AM: deployId: 651031a951dc695978f8b575
8:55:54 AM: ​
8:55:54 AM: ❯ Current directory
8:55:54 AM: /opt/build/repo
8:55:54 AM: ​
8:55:54 AM: ❯ Config file
8:55:54 AM: No config file was defined: using default values.
8:55:54 AM: ​
8:55:54 AM: ❯ Context
8:55:54 AM: production
8:55:54 AM: ​
8:55:54 AM: Build command from Netlify app
8:55:54 AM: ────────────────────────────────────────────────────────────────
8:55:54 AM: ​
8:55:54 AM: $ yarn run build
8:55:54 AM: yarn run v1.22.19
8:55:54 AM: $ vue-cli-service build
8:55:55 AM: All browser targets in the browserslist configuration have supported ES module.
8:55:55 AM: Therefore we don"t build two separate bundles for differential loading.
8:55:55 AM: - Building for production…

1 Like

There’s something broken with the latest Vue CLI or at least with how it works on Netlify. Please use Vite instead.

1 Like

Thank you so much @hrishikesh I just built on Vite and successfully deployed!