Vue code commits to Github are being picked up by Netlify. All green, but the app is not changing

Support
1

So, my CI was working fine. I have bome back this project after a few month’s break and the deployment is no longer working. I push my commits to Git Hub and can see the updates. Netlify is seeing the updates and starts the build and deployment - all is green. Except the live site is not updated and still shows the old code.

Here is the build log and all looks good

7:46:55 PM: Starting post processing
7:46:55 PM: Skipping HTML post processing
7:46:56 PM: Post processing - header rules
7:46:56 PM: Post processing - redirect rules
7:46:56 PM: Post processing done
7:46:56 PM: Section completed: postprocessing
7:46:57 PM: Site is live ✨
7:45:51 PM: build-image version: 20e1f1f500e4cbad9ea8a99bd40807bef3093551 (focal)
7:45:51 PM: buildbot version: 20e1f1f500e4cbad9ea8a99bd40807bef3093551
7:45:51 PM: Fetching cached dependencies
7:45:51 PM: Starting to download cache of 323.4MB
7:45:54 PM: Finished downloading cache in 3.11s
7:45:54 PM: Starting to extract cache
7:46:01 PM: Finished extracting cache in 6.787s
7:46:01 PM: Finished fetching cache in 9.96s
7:46:01 PM: Starting to prepare the repo for build
7:46:01 PM: Preparing Git Reference refs/heads/main
7:46:03 PM: Starting to install dependencies
7:46:03 PM: Python version set to 3.8
7:46:03 PM: Attempting Ruby version 2.7.2, read from environment
7:46:04 PM: Using Ruby version 2.7.2
7:46:04 PM: Started restoring cached go cache
7:46:04 PM: Finished restoring cached go cache
7:46:04 PM: Installing Go version 1.16.5 (requested 1.16.5)
7:46:08 PM: go version go1.16.5 linux/amd64
7:46:09 PM: Using PHP version 8.0
7:46:10 PM: Started restoring cached Node.js version
7:46:11 PM: Finished restoring cached Node.js version
7:46:11 PM: v16.20.1 is already installed.
7:46:11 PM: Now using node v16.20.1 (npm v8.19.4)
7:46:11 PM: Enabling Node.js Corepack
7:46:11 PM: Started restoring cached build plugins
7:46:12 PM: Finished restoring cached build plugins
7:46:12 PM: Started restoring cached corepack dependencies
7:46:12 PM: Finished restoring cached corepack dependencies
7:46:12 PM: Started restoring cached yarn cache
7:46:15 PM: Finished restoring cached yarn cache
7:46:15 PM: Installing Yarn version 1.22.10
7:46:15 PM: Preparing yarn@1.22.10 for immediate activation...
7:46:16 PM: No yarn workspaces detected
7:46:16 PM: Started restoring cached node modules
7:46:16 PM: Finished restoring cached node modules
7:46:16 PM: Installing npm packages using Yarn version 1.22.10
7:46:16 PM: yarn install v1.22.10
7:46:16 PM: [1/4] Resolving packages...
7:46:17 PM: success Already up-to-date.
7:46:17 PM: Done in 0.49s.
7:46:17 PM: npm packages installed using Yarn
7:46:17 PM: Install dependencies script success
7:46:17 PM: Starting build script
7:46:18 PM: Detected 1 framework(s)
7:46:18 PM: vue at version 4.5.15
7:46:18 PM: Section completed: initializing
7:46:20 PM: ​
7:46:20 PM: Netlify Build                                                 
7:46:20 PM: ────────────────────────────────────────────────────────────────
7:46:20 PM: ​
7:46:20 PM: ❯ Version
7:46:20 PM:   @netlify/build 29.17.2
7:46:20 PM: ​
7:46:20 PM: ❯ Flags
7:46:20 PM:   baseRelDir: true
7:46:20 PM:   buildId: 64c55e5b401b020008e6a315
7:46:20 PM:   deployId: 64c55e5b401b020008e6a317
7:46:20 PM: ​
7:46:20 PM: ❯ Current directory
7:46:20 PM:   /opt/build/repo
7:46:20 PM: ​
7:46:20 PM: ❯ Config file
7:46:20 PM:   No config file was defined: using default values.
7:46:20 PM: ​
7:46:20 PM: ❯ Context
7:46:20 PM:   production
7:46:20 PM: ​
7:46:20 PM: Build command from Netlify app                                
7:46:20 PM: ────────────────────────────────────────────────────────────────
7:46:20 PM: ​
7:46:20 PM: $ yarn build
7:46:20 PM: yarn run v1.22.10
7:46:20 PM: $ vue-cli-service build
7:46:21 PM: -  Building for production...
7:46:54 PM:  WARNING  Compiled with 3 warnings6:46:54 PM
7:46:54 PM:  warning 
7:46:54 PM: asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
7:46:54 PM: This can impact web performance.
7:46:54 PM: Assets:
7:46:54 PM:   css/chunk-vendors.14e30446.css (428 KiB)
7:46:54 PM:   js/chunk-vendors.96595886.js (2.55 MiB)
7:46:54 PM:   icons/live-logo1.pxd (453 KiB)
7:46:54 PM:   microcise-newmessage.wav (482 KiB)
7:46:54 PM:   mixkit-positive-notification-951.wav (482 KiB)
7:46:54 PM:   satatdesk.png (1.62 MiB)
7:46:54 PM:   unsplash-exercise.jpg (1.36 MiB)
7:46:54 PM:   Notification_Center.png (5.12 MiB)
7:46:54 PM:  warning 
7:46:54 PM: entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
7:46:54 PM: Entrypoints:
7:46:54 PM:   app (3.16 MiB)
7:46:54 PM:       css/chunk-vendors.14e30446.css
7:46:54 PM:       js/chunk-vendors.96595886.js
7:46:54 PM:       css/app.24489400.css
7:46:54 PM:       js/app.528f21bb.js
7:46:54 PM:  warning 
7:46:54 PM: webpack performance recommendations:
7:46:54 PM: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
7:46:54 PM: For more info visit https://webpack.js.org/guides/code-splitting/
7:46:54 PM:   File                                   Size              Gzipped
7:46:54 PM:   dist/js/chunk-vendors.96595886.js      2609.57 KiB       699.59 KiB
7:46:54 PM:   dist/js/app.528f21bb.js                200.17 KiB        36.44 KiB
7:46:54 PM:   dist/OneSignalSDKWorker.js             0.07 KiB          0.09 KiB
7:46:54 PM:   dist/sw.js                             0.05 KiB          0.07 KiB
7:46:54 PM:   dist/css/chunk-vendors.14e30446.css    428.39 KiB        52.37 KiB
7:46:54 PM:   dist/css/app.24489400.css              1.30 KiB          0.57 KiB
7:46:54 PM:   Images and other types of assets omitted.
7:46:54 PM:  DONE  Build complete. The dist directory is ready to be deployed.
7:46:54 PM:  INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
7:46:55 PM: Done in 34.75s.
7:46:55 PM: ​
7:46:55 PM: (build.command completed in 34.9s)
7:46:55 PM: ​
7:46:55 PM: Deploy site                                                   
7:46:55 PM: ────────────────────────────────────────────────────────────────
7:46:55 PM: ​
7:46:55 PM: Starting to deploy site from 'dist'
7:46:55 PM: Calculating files to upload
7:46:55 PM: 4 new files to upload
7:46:55 PM: 0 new functions to upload
7:46:55 PM: Section completed: deploying
7:46:55 PM: Site deploy was successfully initiated
7:46:55 PM: ​
7:46:55 PM: (Deploy site completed in 379ms)
7:46:55 PM: ​
7:46:55 PM: Netlify Build Complete                                        
7:46:55 PM: ────────────────────────────────────────────────────────────────
7:46:55 PM: ​
7:46:55 PM: (Netlify Build completed in 35.3s)
7:46:56 PM: Caching artifacts
7:46:56 PM: Started saving node modules
7:46:56 PM: Finished saving node modules
7:46:56 PM: Started saving build plugins
7:46:56 PM: Finished saving build plugins
7:46:56 PM: Started saving corepack cache
7:46:56 PM: Finished saving corepack cache
7:46:56 PM: Started saving yarn cache
7:46:59 PM: Finished saving yarn cache
7:46:59 PM: Started saving pip cache
7:46:59 PM: Finished saving pip cache
7:46:59 PM: Started saving emacs cask dependencies
7:46:59 PM: Finished saving emacs cask dependencies
7:46:59 PM: Started saving maven dependencies
7:46:59 PM: Finished saving maven dependencies
7:46:59 PM: Started saving boot dependencies
7:46:59 PM: Finished saving boot dependencies
7:46:59 PM: Started saving rust rustup cache
7:46:59 PM: Finished saving rust rustup cache
7:46:59 PM: Started saving go dependencies
7:46:59 PM: Finished saving go dependencies
7:46:59 PM: Build script success
7:46:59 PM: Section completed: building
7:47:01 PM: Uploading Cache of size 323.0MB
7:47:03 PM: Section completed: cleanup
7:47:03 PM: Finished processing build request in 1m12.631s

The deployment Log

7:46:55 PM: Deploy site                                                   
7:46:55 PM: ────────────────────────────────────────────────────────────────
7:46:55 PM: ​
7:46:55 PM: Starting to deploy site from 'dist'
7:46:55 PM: Calculating files to upload
7:46:55 PM: 4 new files to upload
7:46:55 PM: 0 new functions to upload
7:46:55 PM: Section completed: deploying
7:46:55 PM: Site deploy was successfully initiated
7:46:55 PM: ​
7:46:55 PM: (Deploy site completed in 379ms)

I have 5 green ticks across all the logs.

Any ideas?

Thanks
Kevin

2

How can we check the issue? What part of your site appears to have not updated?

4

Hi. None of the site appears to be updated. I have changed a number of components and static content which are reflected in the git repo and none of it matches on the deployed site. Do you want details of the app?

Thanks

Kevin

5

We need to know the changes. We don’t know your code. We can see that Netlify seems to be serving the content correctly. If you mention your changes are not being updated, you need to show us the changes that are missing.

6

understood, but how do I do that? As a new user I cannot upload files (so cannot provide a screenshot of the local app to compare). The code is no use as you say, you cannot see the prod code. Your support with this is appreciated.

7

You should be able to add images now.

8

local-app.png.zip (301.4 KB)
Here is a screenshot of a locally deployed page against the prod version for the same exercise session, The new version has video and a different look/style, the old version (still in production) has gif images
prod-app.png.zip (747.8 KB)

9

Hi. Is there anything else I can provide? Is there a dummy file I can deploy to track that the pull from Github is working? I could add a test image to public and where would i expect that to be as websitename.co.uk/filename.png does not render a current file in the public directory

10

I’m not seeing either of your images on your current website.

You said your local version looks like:

image
image1428×1156 125 KB

and production looks like:

image
image1165×1207 64 KB

but how do I see it on your website?

All I see is:

image
image1920×1046 69 KB