skywalking: [Bug] skywalking-client-js not sending errors to OAP server

Search before asking

• I had searched in the issues and found no similar issues.

Apache SkyWalking Component

NodeJS Client Side Agent (apache/skywalking-client-js)

What happened

When an error occurs in our vue app the skywalking client doesn’t appear to report it to the skywalking dashboard.

It is discussed in this topic however I have done more troubleshooting today. https://github.com/apache/skywalking/discussions/8723

What you expected to happen

If an error happens in our vue app the skywalking-client-js will report the error to the OPM server and the error will appear in the trace or the errors chart.

How to reproduce

I have made a vue app with the following bits of code to activate skywalkings

main.js

Vue.config.productionTip = false;
Vue.config.errorHandler = (error) => {
    console.trace("Error Event Happened: ", error);
    ClientMonitor.reportFrameErrors(
        {
            collector: "https://skywalking",
            service: name,
            pagePath: router.currentRoute,
            serviceVersion: `v${version}`,
            vue: true,
        },
        error,
    );
};

router.js

router.beforeEach(async (to, _from, next) => {
    ClientMonitor.setPerformance({
        collector: "https://skywalking",
        service: name,
        pagePath: to.path,
        serviceVersion: `v${version}`,
        useFmp: true,
        vue: true,
    });

    return next();
});

Page to make a fake error (Should be reported into skywalking dashboard.)

<template>
    <v-container fluid fill-height>
        <v-row>
            <v-col class="d-flex flex-column align-center justify-center text-center">
                <h1>404: Page Not Found!</h1>
            </v-col>
        </v-row>
    </v-container>
</template>

<script>
import axios from "axios";

export default {
    created() {
        // Axios call to a non existent domain to make error in console log
        console.log("Making an Error");
        axios.get("https://domain.not.exist.com/error-page");
    },
};
</script>

The performance reports appear to be getting through just not the error reports.

Anything else

Only when an error is thrown in the app, the errors and traces don’t appear in the skywalking dashboard.

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project’s Code of Conduct