I am creating an issue here, since we have found no mention of this error anywhere on the web.

Describe your issue

An error keeps being captured in production by our Sentry javascript, saying 'could not load util'. (about 20 events per day)

The error seems to be impacting all kinds of devices, but most of all iPhones with iOS 17 and Safari 17.5

We have not been able to reproduce the error using BrowserStack with iPhones with iOS 17 and user-agent Mozilla/5.0 (iPhone; CPU iPhone OS 17_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3 Mobile/15E148 Safari/604.1

Here is the source code in the Sentry event: /maps-api-v3/api/js/58/6/intl/tr_ALL/main.js at line 152:241

{snip} a(d,"data-")?a.setAttribute(d,c):a[d]=c})};_.Nca=function(a,b,c){var d=arguments,e=document,f=d[1],g=Fi(e,String(d[0]));f&&(typeof f==="stri {snip}
{snip} eof f.length=="number"&&typeof f.item=="function"?_.Jb(f):f,d)}};_.Gi=function(a){return Fi(document,a)};Fi=function(a,b){b=String(b);a.cont {snip}
{snip} n(a){a=_.Li(a);return _.ef(a)};_.Ni=function(a){a=_.Li(a);return _.$e(a)};_.Li=function(a){return a===null?"null":a===void 0?"undefined":a};
{snip} _.af(b);_.sba(a);e.appendChild(a)};Pca=function(a,b){let c="";for(const d of a)d.length&&d[0]==="/"?c=d:(c&&c[c.length-1]!=="/"&&(c+="/"),c+ {snip}
{snip} b);Sca(a,b)});for(const k of g)a.Eg[k]&&h()})}};Sca=function(a,b){Oi(a.Hg,c=>{c=c.Ig[b]||[];const d=a.Fg[b];delete a.Fg[b];const e=d?d.lengt {snip}
{snip} =a.Fg[b]||[];for(const h of g)(g=h.Pm)&&g(f&&f.error||Error(`Could not load "${b}".`));delete a.Fg[b];a.Lg&&a.Lg(b,f)},()=>{a.Kg.has(b)||Sca {snip}

Google Maps seems to be integrated properly (usage: display of maps with markers and tooltips), since it works correctly on all the pages impacted by the issue (at least when the "util" error does not happen, no idea if the map breaks when the issue happens, since we haven't been able to reproduce) Here is our integration:

var GoogleMap = {
    // Properties
    mapElement: false,
    debug: true,
    map: false,
    loaded: false,
    callbackName: null,
    stackToCall: [],

    // Methods
    load: function (callback) {
        if (!callback) callback = "GoogleMap.initialize" + App.module.ucfirst();

        if (this.loaded) {
            var funcCall = callback + "();";
            eval(funcCall);
            return;
        }

        this.stackToCall.push(callback);

        GoogleMap.mapElement = $(".google-map");
        (function (d, s, id) {
            var js,
                fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {
                return;
            }
            js = d.createElement(s);
            js.id = id;
            js.setAttribute('async',true);
            js.setAttribute('defer',true);
            js.src =
                "//maps.googleapis.com/maps/api/js?callback=GoogleMap.callback&loading=async&key=" +
                GOOGLE_API_KEY;
            fjs.parentNode.insertBefore(js, fjs);
        })(document, "script", "gmaps");
    },

    /**
     * Ajout d'un marker
     * @param x latitude
     * @param y longitude
     * @param title (optionnel)
     * @param map (optionnel)
     * @param color (optionnel, blue/red/...)
     */
    addMarker: function (x, y, title, map, color, zIndex) {
        if (!color) color = "blue";
        if (!map) map = GoogleMap.map;
        new google.maps.Marker({
            position: new google.maps.LatLng(x, y),
            map: map,
            title: title,
            zIndex: zIndex,
            icon:
                "https://maps.gstatic.com/mapfiles/ms2/micons/" +
                color +
                "-dot.png",
        });
    },

    initializeFront: function () {
        var mapOptions = {
            center: { lat: -25.397, lng: 131.644 },
            zoom: 8,
        };
        GoogleMap.map = new google.maps.Map(
            GoogleMap.mapElement.get(0),
            mapOptions
        );

        var markers = [];
        // To add the marker to the map, use the 'map' property
        markers.push(
            new google.maps.Marker({
                position: new google.maps.LatLng(-25.363882, 131.044922),
                title: "Hello World!",
            })
        );

        // To add the marker to the map, use the 'map' property
        markers.push(
            new google.maps.Marker({
                position: new google.maps.LatLng(-26.063882, 130.944922),
                title: "Hello World 2!",
            })
        );
        // To add the marker to the map, use the 'map' property
        markers.push(
            new google.maps.Marker({
                position: new google.maps.LatLng(-24.063882, 131.944922),
                title: "Hello World 3!",
            })
        );
        mc = new MarkerClusterer(GoogleMap.map, markers);
    },
    reCenter: function (latlng, offsetx, offsety, map) {
        var point1 = map
            .getProjection()
            .fromLatLngToPoint(
                latlng instanceof google.maps.LatLng ? latlng : map.getCenter()
            );
        var point2 = new google.maps.Point(
            (typeof offsetx == "number" ? offsetx : 0) /
                Math.pow(2, map.getZoom()) || 0,
            (typeof offsety == "number" ? offsety : 0) /
                Math.pow(2, map.getZoom()) || 0
        );
        map.setCenter(
            map
                .getProjection()
                .fromPointToLatLng(
                    new google.maps.Point(
                        point1.x - point2.x,
                        point1.y + point2.y
                    )
                )
        );
        return map;
    },
    callback: function () {
        this.loaded = true;
        for (var i = 0; i < this.stackToCall.length; i++) {
            var callback = this.stackToCall[i];
            var funcCall = callback + "();";
            eval(funcCall);
        }
        this.stackToCall = [];
    },
};

Please report the version of Google Maps API

on Oct 2nd 2024, on BrowserStack, with iPhone15 with iOS 17 and user-agent Mozilla/5.0 (iPhone; CPU iPhone OS 17_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3 Mobile/15E148 Safari/604.1 WITHOUT being able to reproduce, google maps version was 3.58.6

What steps will reproduce the problem? Please also provide a code sample which demonstrates your issue (e.g. via jsfiddle.net, or jsbin.com)

Unfortunately, since we have not been able to reproduce the problem, I do not have the steps to reproduce. However the error is captured in Sentry for this page: https://www.ruedesvignerons.com/en/appellations/nuits-saint-georges, on all kinds of devices but especially iPhones with iOS 17 and Safari 17.5