Home
Support Forums

Successful Netlify build not rendering HTML once deployed

When building and deploying I get no errors and the build is successful and the site is deployed; The problem is, after deployment when I visit the site no content is rendered. When checking the browser console I see that my CSS is rendered but none of the content shows on the page.

I am using Gridsome (Vue.js) and am using NPM as the package manager. I recently deleted the yarn.lock file due to it causing a build failure. I’m assuming that was due to a conflict between having both yarn.lock and package-lock.json in the project.

Site name: https://reverent-nobel-6d466a.netlify.app/

Build Log:

9:44:29 AM: Build ready to start
9:44:31 AM: build-image version: fa439ad1ab9393b2c0d449d8d7c033927683f4b0
9:44:31 AM: build-image tag: v4.3.0
9:44:31 AM: buildbot version: 1ed4041128c7c024b4c4b72e2ad30a0740c570a7
9:44:31 AM: Fetching cached dependencies
9:44:31 AM: Starting to download cache of 141.6MB
9:44:32 AM: Finished downloading cache in 953.964359ms
9:44:32 AM: Starting to extract cache
9:44:40 AM: Finished extracting cache in 7.199932679s
9:44:40 AM: Finished fetching cache in 8.221022802s
9:44:40 AM: Starting to prepare the repo for build
9:44:40 AM: Preparing Git Reference refs/heads/master
9:44:40 AM: Parsing package.json dependencies
9:44:41 AM: Starting build script
9:44:41 AM: Installing dependencies
9:44:41 AM: Python version set to 2.7
9:44:42 AM: Started restoring cached node version
9:44:45 AM: Finished restoring cached node version
9:44:45 AM: v16.8.0 is already installed.
9:44:46 AM: Now using node v16.8.0 (npm v7.21.0)
9:44:46 AM: Started restoring cached build plugins
9:44:46 AM: Finished restoring cached build plugins
9:44:46 AM: Attempting ruby version 2.7.2, read from environment
9:44:48 AM: Using ruby version 2.7.2
9:44:49 AM: Using PHP version 8.0
9:44:49 AM: Started restoring cached node modules
9:44:49 AM: Finished restoring cached node modules
9:44:49 AM: Started restoring cached go cache
9:44:49 AM: Finished restoring cached go cache
9:44:49 AM: go version go1.16.5 linux/amd64
9:44:49 AM: go version go1.16.5 linux/amd64
9:44:49 AM: Installing missing commands
9:44:49 AM: Verify run directory
9:44:51 AM: ​
9:44:51 AM: ────────────────────────────────────────────────────────────────
9:44:51 AM:   Netlify Build                                                 
9:44:51 AM: ────────────────────────────────────────────────────────────────
9:44:51 AM: ​
9:44:51 AM: ❯ Version
9:44:51 AM:   @netlify/build 18.7.3
9:44:51 AM: ​
9:44:51 AM: ❯ Flags
9:44:51 AM:   baseRelDir: true
9:44:51 AM:   buildId: 6134c9bd988a020e78747205
9:44:51 AM:   deployId: 6134c9bd988a020e78747207
9:44:51 AM: ​
9:44:51 AM: ❯ Current directory
9:44:51 AM:   /opt/build/repo
9:44:51 AM: ​
9:44:51 AM: ❯ Config file
9:44:51 AM:   /opt/build/repo/netlify.toml
9:44:51 AM: ​
9:44:51 AM: ❯ Context
9:44:51 AM:   production
9:44:51 AM: ​
9:44:51 AM: ────────────────────────────────────────────────────────────────
9:44:51 AM:   1. build.command from netlify.toml                            
9:44:51 AM: ────────────────────────────────────────────────────────────────
9:44:51 AM: ​
9:44:51 AM: $ gridsome build
9:44:52 AM: Gridsome v0.7.23
9:44:53 AM: Initializing plugins...
9:44:53 AM: Load sources - 0s
9:44:53 AM: Create GraphQL schema - 0.04s
9:44:53 AM: Create pages and templates - 0.04s
9:44:53 AM: Generate temporary code - 0.03s
9:44:53 AM: Bootstrap finish - 1.01s
9:44:53 AM: Compiling assets...
9:45:07 AM: Compile assets - 13.8s
9:45:07 AM: Execute GraphQL (2 queries) - 0s
9:45:08 AM: Render HTML (2 files) - 0.65s
9:45:08 AM: Process files (0 files) - 0s
9:45:08 AM: Processing images (0 images) - 0%Process images (0 images) - 0.5s
9:45:08 AM:   Done in 16.33s
9:45:09 AM: ​
9:45:09 AM: (build.command completed in 17.9s)
9:45:09 AM: ​
9:45:09 AM: ────────────────────────────────────────────────────────────────
9:45:09 AM:   2. Deploy site                                                
9:45:09 AM: ────────────────────────────────────────────────────────────────
9:45:09 AM: ​
9:45:09 AM: Starting to deploy site from 'dist'
9:45:09 AM: Creating deploy tree 
9:45:09 AM: Creating deploy upload records
9:45:09 AM: 0 new files to upload
9:45:09 AM: 0 new functions to upload
9:45:09 AM: Site deploy was successfully initiated
9:45:09 AM: ​
9:45:09 AM: (Deploy site completed in 168ms)
9:45:09 AM: ​
9:45:09 AM: ────────────────────────────────────────────────────────────────
9:45:09 AM:   Netlify Build Complete                                        
9:45:09 AM: ────────────────────────────────────────────────────────────────
9:45:09 AM: ​
9:45:09 AM: (Netlify Build completed in 18.1s)
9:45:09 AM: Starting post processing
9:45:09 AM: Post processing - HTML
9:45:09 AM: Post processing - header rules
9:45:09 AM: Post processing - redirect rules
9:45:10 AM: Post processing done
9:45:10 AM: Caching artifacts
9:45:10 AM: Started saving node modules
9:45:10 AM: Site is live ✨
9:45:10 AM: Finished saving node modules
9:45:10 AM: Started saving build plugins
9:45:10 AM: Finished saving build plugins
9:45:10 AM: Started saving pip cache
9:45:10 AM: Finished saving pip cache
9:45:10 AM: Started saving emacs cask dependencies
9:45:10 AM: Finished saving emacs cask dependencies
9:45:10 AM: Started saving maven dependencies
9:45:10 AM: Finished saving maven dependencies
9:45:10 AM: Started saving boot dependencies
9:45:10 AM: Finished saving boot dependencies
9:45:10 AM: Started saving rust rustup cache
9:45:10 AM: Finished saving rust rustup cache
9:45:10 AM: Started saving go dependencies
9:45:10 AM: Finished saving go dependencies
9:45:10 AM: Build script success

Welcome to the forums @DRD161

Very strange having no content. Everything works when you build locally? Are you able to share your git repository?

So i figured out the issue! My issue was with Gridsome. Some of the configuration was off and I didn’t notice it at first.