Support Forums

Blank Page On Neltify

Hi all, I have a html page with interactive mark that I created using rmarkdown (tmap) and the html page is working fine on my local computer but once deployed to Netlify https://jw-is415blog.netlify.app/take-home-exercise-2.html it is empty.

Here’s my log

Preformatted text 5:01:23 PM: Build ready to start 5:01:25 PM: build-image version: 081db65c3e4ce8423fedb40e7689a87de6f84667 5:01:25 PM: build-image tag: v4.3.1 5:01:25 PM: buildbot version: 407a98ff60139d85f01f4f8453046e19d02bbcfd 5:01:25 PM: Fetching cached dependencies 5:01:25 PM: Starting to download cache of 114.8MB 5:01:26 PM: Finished downloading cache in 734.701625ms 5:01:26 PM: Starting to extract cache 5:01:29 PM: Finished extracting cache in 3.295852261s 5:01:29 PM: Finished fetching cache in 4.069991504s 5:01:29 PM: Starting to prepare the repo for build 5:01:30 PM: Preparing Git Reference refs/heads/master 5:01:40 PM: Parsing package.json dependencies 5:01:41 PM: No build steps found, continuing to publishing 5:01:41 PM: Starting to deploy site from '_site' 5:01:41 PM: Creating deploy tree asynchronously 5:01:41 PM: Creating deploy upload records 5:01:43 PM: 2 new files to upload 5:01:43 PM: 0 new functions to upload 5:01:47 PM: Starting post processing 5:01:47 PM: Post processing - HTML 5:01:47 PM: Post processing - header rules 5:01:47 PM: Post processing - redirect rules 5:01:48 PM: Post processing done 5:01:48 PM: Site is live ✨ 5:02:05 PM: Finished processing build request in 39.337542685s Preformatted text

Looking at the javascript console I see the following error:
Preformatted text jquery-3.6.0.min.js:2 Uncaught TypeError: e.indexOf is not a function at S.fn.init.S.fn.load (jquery-3.6.0.min.js:2) at load_image ((index):2099) at HTMLImageElement.<anonymous> ((index):2125) at Function.each (jquery-3.6.0.min.js:2) at S.fn.init.each (jquery-3.6.0.min.js:2) at set_posts_visible ((index):2124) at apply_hash_filter ((index):2172) at init_posts_list ((index):2200) at init_common ((index):2007) at init_distill ((index):1679) Preformatted text

Hi @ipadblack

For me the page breaks on the following section of script

Are you able to share your git repository?

Hello, Here you go @coelmay

Part of the issue is the page https://jw-is415blog.netlify.app/take-home-exercise-2.html is 16MB. I’m also not sure why you have a copy of each dependency (e.g. anchor.min.js) for each page.

Yes, it will work fine locally because you are not transferring very large amounts of data over the Internet.

It is likely the error you are seeing and the error I am seeing (though they are different) is because of the size issue.

1 Like

@coelmay It is part of the requirement to have these interactive map, hence explaining the huge memory size. Any workaround?

My only suggestion is to try splitting the CSS and JS from the page into separate files and using <link> and <script> tags to include them in the page. This might help improve performance. However given the very large amount of text data (which is HTML, CSS, etc. embedded into JSON) I cannot guarantee that will make a huge difference.

There are possibly other methods/workarounds that a pot of a forum specific to the system you are using may help to uncover.