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 🥀