Cannot get large media to work

I’ve been looking at other fixes before posting this but I cannot get large media to work.
My website:
https://www.creativeflux.nl
My repository:


netlify lm:info
:heavy_check_mark: Checking Git version [Git-122)]
:heavy_check_mark: Checking Git LFS version [2.8.0]
:heavy_check_mark: Checking Git LFS filters
:heavy_check_mark: Checking Netlify’s Git Credentials version [0.1.8]

There’s one image in there right now me.jpg which is a large photo of,…well…me. If you look in the code base you see that LFS correctly replaced it with a hash and pointer. I also see the (a?) file be uploaded while pushing:

    > git lfs push origin master --all
    Uploading LFS objects: 100% (2/2), 2.5 MB | 193 KB/s, done
    > git lfs version
    git-lfs/2.8.0 (GitHub; darwin amd64; go 1.12.7)
    > git lfs push --all origin
    Uploading LFS objects: 100% (2/2), 2.5 MB | 0 B/s, done

However looking at netlify I get no assets on https://app.netlify.com/sites/creativeflux/large-media and my large-media transformation meter is still at 0/2500.

To be complete:

    > cat .lfsconfig
    [lfs]
    	url = https://1fd1....netlify.com/.netlify/large-media
    > cat .gitattributes
    *.png filter=lfs diff=lfs merge=lfs -text
    *.jpg filter=lfs diff=lfs merge=lfs -text
    10:29:32 PM: Build ready to start
    10:29:39 PM: build-image version: 9e0f207a27642d0115b1ca97cd5e8cebbe492f63
    10:29:39 PM: build-image tag: v3.3.2
    10:29:39 PM: buildbot version: a2bab682ae0761baa4d123ebd00c57be933655dc
    10:29:39 PM: Fetching cached dependencies
    10:29:39 PM: Starting to download cache of 131.8MB
    10:29:40 PM: Finished downloading cache in 829.211825ms
    10:29:40 PM: Starting to extract cache
    10:29:45 PM: Finished extracting cache in 5.497238879s
    10:29:45 PM: Finished fetching cache in 6.45962814s
    10:29:45 PM: Starting to prepare the repo for build
    10:29:45 PM: Netlify Large Media is enabled, running git commands with GIT_LFS_SKIP_SMUDGE=1
    10:29:46 PM: Preparing Git Reference refs/heads/master
    10:29:46 PM: Starting build script
    10:29:46 PM: Installing dependencies
    10:29:47 PM: Started restoring cached node version
    10:29:50 PM: Finished restoring cached node version
    10:29:51 PM: v10.17.0 is already installed.
    10:29:52 PM: Now using node v10.17.0 (npm v6.11.3)
    10:29:52 PM: Attempting ruby version 2.6.2, read from environment
    10:29:53 PM: Using ruby version 2.6.2
    10:29:54 PM: Using PHP version 5.6
    10:29:54 PM: Started restoring cached node modules
    10:29:54 PM: Finished restoring cached node modules
    10:29:54 PM: Started restoring cached yarn cache
    10:29:54 PM: Finished restoring cached yarn cache
    10:29:56 PM: Installing NPM modules using Yarn version 1.17.0
    10:29:56 PM: yarn install v1.17.0
    10:29:57 PM: [1/4] Resolving packages...
    10:29:57 PM: success Already up-to-date.
    10:29:57 PM: Done in 0.89s.
    10:29:57 PM: NPM modules installed using Yarn
    10:29:58 PM: Started restoring cached go cache
    10:29:58 PM: Finished restoring cached go cache
    10:29:58 PM: unset GOOS;
    10:29:58 PM: unset GOARCH;
    10:29:58 PM: export GOROOT='/opt/buildhome/.gimme/versions/go1.12.linux.amd64';
    10:29:58 PM: export PATH="/opt/buildhome/.gimme/versions/go1.12.linux.amd64/bin:${PATH}";
    10:29:58 PM: go version >&2;
    10:29:58 PM: export GIMME_ENV='/opt/buildhome/.gimme/env/go1.12.linux.amd64.env';
    10:29:58 PM: go version go1.12 linux/amd64
    10:29:58 PM: Installing missing commands
    10:29:58 PM: Verify run directory
    10:29:58 PM: Executing user command: yarn build
    10:29:58 PM: yarn run v1.17.0
    10:29:58 PM: $ vue-cli-service build
    10:29:59 PM: -  Building for production...
    10:30:11 PM:  DONE  Compiled successfully in 10347ms9:30:11 PM
    10:30:11 PM:   File                                 Size               Gzipped
    10:30:11 PM:   dist/js/chunk-vendors.8bada448.js    124.14 KiB         43.05 KiB
    10:30:11 PM:   dist/js/app.d9700c6e.js              2.67 KiB           1.22 KiB
    10:30:11 PM:   dist/css/app.f9faaf0b.css            0.62 KiB           0.45 KiB
    10:30:11 PM:   Images and other types of assets omitted.
    10:30:11 PM:  DONE  Build complete. The dist directory is ready to be deployed.

And my gitignore doesn’t ignore any .jpg or other image types.

Netlify (and lfs) are completely new to me, so this is basically me trying a new project and instantly failing.

Ok given all the above data my problem is that whenever I push my page I see a neat build running (initially this failed as I pushed too fast with the boilerplate vue-cli app) but the push is succeeding, the upload (according to the terminal) is succeeding and the build log also seems to go fine, however despite all that I still don’t see the image appear on netlify storage. Can anyone point me to the (probably obvious?) error I’m making here?

New push with new assets (small icons) so was able to capture the console feedback

 Jeffrey@Jeffrey-MacBook  ~/repository/creative-flux   master ✚  gcmsg 'social links'
 > running pre-commit hook: lint-staged
  ↓ Stashing changes... [skipped]
    → No partially staged files found...
  ✔ Running tasks...
[master 424785c] social links
 5 files changed, 137 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/GitHub-Mark-32px.png
 create mode 100644 src/assets/GitHub_Logo.png
 create mode 100644 src/assets/LinkedIn_Logo.svg
 Jeffrey@Jeffrey-MacBook  ~/repository/creative-flux   master  gp
Uploading LFS objects: 100% (2/2), 15 KB | 0 B/s, done
Enumerating objects: 16, done.
Counting objects: 100% (16/16), done.
Delta compression using up to 8 threads
Compressing objects: 100% (9/9), done.
Writing objects: 100% (10/10), 3.34 KiB | 3.34 MiB/s, done.
Total 10 (delta 3), reused 0 (delta 0)
remote: Resolving deltas: 100% (3/3), completed with 3 local objects.
To https://github.com/irongollem/creative-flux.git
   40bb647..424785c  master -> master

And strangely enough netlify deploy overview page also shows:

**4 new files uploaded**

1 generated page and 3 assets changed.

New pages include:

* index.html

So the assets are actually mentioned, yet if I go to the large media page (or my website) none of the assets actually show, only the SVG (which isn’t pulled into the LFS to begin with)

@irongollem, I replied to the support ticket about this and I’ll update this topic with the solution once we find it there.

Also, welcome to our community site and thank you for such thorough troubleshooting and including the detailed information here about what you discovered.

You have already done a great deal of testing before contacting us and this will almost certainly expedite the process of finding the solution. This is both very helpful and greatly appreciated. :slight_smile:

I do my best as I get too many vague support requests at work as well :-). I’ve sent you the transcripts of the verbose log which in my mind also shows that the files are properly uploaded to the Netlify servers. The only think I can think off is that the id in the URL might be wrong?

I’ve tested building locally and I do see the image files appearing in the /images folder along with all the SVG’s which you said weren’t in the build artifact on Netlify which also strengthens this feeling.

I think the issue may be that image processing is being done by the site build and this is incompatible with Netlify Large Media (NLM). I’ll update this community topic with more details once we track down the root cause in our troubleshooting via another channel.