Specific transaction doesn't open on APM service

[fullstackdani]

Kibana version:
Elastic Cloud Deployment version v7.16.1

Elasticsearch version:
Elastic Cloud Deployment version v7.16.1

Server OS version:
Elastic Cloud Deployment version v7.16.1

Browser version:
Google Chrome Version 99.0.4844.51

Browser OS version:
Linux Mint 20.2

Original install method (e.g. download page, yum, from source, etc.):
Elastic Cloud Deployment

Describe the bug:
When I try to open a specific transaction in the APM service the page stops working.

Steps to reproduce:
This only happens with this specific transaction, probably as something to do with it.

Expected behavior:
Open the transaction details.

Screenshots (if relevant):

Errors in browser console (if relevant):

:9243/app/apm/services/swk-automation-listening?comparisonEnabled=true&comparisonType=day&environment=test&kuery=&latencyAggregationType=avg&rangeFrom=now-60m&rangeTo=now&transactionType=listening_analyse_keyword:282 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'unsafe-eval' 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-P5polb1UreUSOe5V/Pv7tc+yeZuJXiOi/3fqhGsU7BE='), or a nonce ('nonce-...') is required to enable inline execution.

bootstrap.js:42 ^ A single error about an inline script not firing due to content security policy is expected!
kbn-ui-shared-deps-npm.dll.js:447 TypeError: Cannot read properties of undefined (reading 'startsWith')
    at Td (:9243/46258/bundles/plugin/apm/8.0.0/apm.chunk.8.js:388:77)
    at ga (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:59761)
    at Ns (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:107651)
    at Iu (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:97311)
    at Pu (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:97146)
    at Ou (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:94325)
    at :9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:46038
    at t.unstable_runWithPriority (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:455:3462)
    at Xi (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:45747)
    at Ji (:9243/46258/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:447:45983)
Es @ kbn-ui-shared-deps-npm.dll.js:447
DevTools failed to load source map: Could not load content for chrome-extension://pliibjocnfmkagafnbkfcimonlnlpghj/inject/inject_main.js.map: System error: net::ERR_FILE_NOT_FOUND

Provide logs and/or server output (if relevant):

Any additional context:

[elasticmachine]

Pinging @elastic/apm-ui (Team:apm)

[fullstackdani]

Hello, is there any updates for this?
I am unable to use Kibana for a bunch of my transactions because of this.

[sorenlouv]

Hi @manther02

The problem is this line:

kbn-ui-shared-deps-npm.dll.js:447 TypeError: Cannot read properties of undefined (reading 'startsWith')

I'm interest to know in which context this error happens. When viewing the error in Dev Tools, can you please click on the top stack frame in the stack trace?

[dgieselaar]

@manther02 can you verify whether transaction type has been set to a non-empty string for those transactions? The UI expects this to be the case.

If you can post a sample trace that includes this transaction we can maybe figure out from there if there any fields missing.

[thiagosouza-zh]

We also have the same exact issue. Here is at least one offending document:

{
    "parent": {
        "id": "b2be7b8d8c07d735"
    },
    "agent": {
        "name": "go",
        "version": "1.15.0"
    },
    "processor": {
        "name": "transaction",
        "event": "span"
    },
    "cloud": {
        "availability_zone": "us-east-2b",
        "instance": {
            "id": "i-065d57701c8d1dbee"
        },
        "provider": "aws",
        "machine": {
            "type": "m6i.2xlarge"
        },
        "region": "us-east-2",
        "account": {
            "id": "433562082071"
        }
    },
    "observer": {
        "hostname": "51cefdcef3f1",
        "name": "instance-0000000063",
        "id": "577634e1-cd37-4eec-af29-6a3b73ae6bdc",
        "ephemeral_id": "b98ff3b9-a680-4d6d-8df1-95a33984ca10",
        "type": "apm-server",
        "version": "7.17.4",
        "version_major": 7
    },
    "trace": {
        "id": "0744e5ba46583f501f0ef576ff72287d"
    },
    "@timestamp": "2022-07-21T16:29:28.706Z",
    "ecs": {
        "version": "1.12.0"
    },
    "service": {
        "environment": "prod",
        "name": "<redacted>"
    },
    "event": {
        "outcome": "success"
    },
    "transaction": {
        "id": "8c913ef70e7f72b8"
    },
    "span": {
        "duration": {
            "us": 4
        },
        "name": "generateParticipantTrade",
        "id": "4499b846bf661ce2"
    },
    "timestamp": {
        "us": 1658420968706120
    }
}

Update: We figured out that a bunch of our services are not sending a spanType. For instance, apm.StartSpan("someName", "") which causes the span.type to end up empty in the document and it crashes screen.

[gbamparop]

@manther02 are you still experiencing this issue? If so, could you please post a sample trace? cc @dgieselaar

[sorenlouv]

Closing due to inactivity. Feel free to reach out if this happens again.