There has been no data on INP for sentry’s Web Vitals

[lofty14]

Problem Statement

Whether it's page details or comprehensive scores, INP has no data, but our page cannot be without interactive operations. Did Sentry not capture it? If so, how do I need to operate to capture it correctly

I have configured enableInp to true and upgraded the Sentry Vue version to the latest version, but I still cannot obtain INP. How can I solve this problem

Solution Brainstorm

No response

Product Area

Performance

[getsantry[bot]]

Assigning to @getsentry/support for routing ⏲️

[getsantry[bot]]

Routing to @getsentry/product-owners-performance for triage ⏲️

[bcoe]

Hello @lofty14 could I bother you to include your versions of vue and sentry in the ticket? You can do something like this:

npm ls --all | grep sentry
npm ls --all | grep vue

Could you also provide the slug from your Sentry account for us to dig into? https://[slug].sentry.io.

Thanks!

[lofty14]

The version is as follows：@bcoe "@sentry/tracing": "^7.114.0" "@sentry/vue": "^7.118.0" "vue": "^3.2.13",

[andreiborza]

hello @lofty14, could you try upgrading to v8 of the sdk and report back if there's still an issue after that?

[lofty14]

The npm installation I am using is already the latest version. How do I install v8

[AbhiPrasad]

@lofty14 you can see the release here: https://github.com/getsentry/sentry-javascript/releases/tag/8.19.0

Here is the migration guide: https://docs.sentry.io/platforms/javascript/guides/vue/migration/v7-to-v8/

[lofty14]

Can you give me a basic configuration about Vue Sentry v8? Here is my configuration:

Sentry.init({ app, dsn: "myDSN", integrations: [ Sentry.browserTracingIntegration({ EnableInp: true,//Enable INP metric collection here traceFetch: true, }), Sentry.replayIntegration(), ], tracePropagationTargets: [/^http://yuanchuan.love.io/api/], tracesSampleRate: 1.0, replaysSessionSampleRate: 0.1, replaysOnErrorSampleRate: 1.0, });

But there was an error, the information is as follows: Uncaught TypeError: Ve.browserTracingIntegration is not a function

[s1gr1d]

The init looks fine. If you already upgraded and went through the migration guide you could try to delete your node_modules and install again. And one small thing I noticed: enableInp is written with a small e.

[getsantry[bot]]

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you remove the label Waiting for: Community, I will leave it alone ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

[amenk]

We also don't see INP data but with '8.7.0' (https://github.com/justbetter/magento2-sentry/pull/137) Is there a way to force a inp sample to be sent, to debug whether the problem is related to the client library or the sentry server?

Sorry to hijack the issue, but maybe such a debugging hint would be helpful here, too.

[AbhiPrasad]

@amenk I recommend creating a new GH issue so we can dig in further about your setup.

If you set debug: true in the sentry logs, you can view debug logs in the console related to the SDK. INP is flushed on document.visibility === "hidden", so when you minimize the tab/window. INP is also only flushed if interactions happened.

Could you enable debug: true and copy-paste the logs in a new GH issue so we can investigate further? Thanks!

[amenk]

Thanks. @AbhiPrasad I looks like things are sent in the meantime, see https://github.com/getsentry/sentry-javascript/issues/13666

Created an issue at self-hosted as follow up: https://github.com/getsentry/self-hosted/issues/3322

Where exactly do I set debug: true? In self hosted or in the client?

[AbhiPrasad]

debug: true is in the client-side config, it's meant for debugging the sdk.

The folks triaging self-hosted should be able to help further - thanks for creating new issues.