Scripts may close only the windows that were opened by them

[zanethomas]

I have a Footer component which I use in an Index.vue to switch between content rendered using a router outlet. Whenever I click on one of the buttons used to switch content I get the following error message:

"Scripts may close only the windows that were opened by them"

The chrome debugger indicates the error occurred on the last line of this code from vue-router.mjs

function guardToPromiseFn(guard, to, from, record, name) {
    // keep a reference to the enterCallbackArray to prevent pushing callbacks if a new navigation took place
    const enterCallbackArray = record &&
        // name is defined if record is because of the function overload
        (record.enterCallbacks[name] = record.enterCallbacks[name] || []);
    return () => new Promise((resolve, reject) => {
        const next = (valid) => {
            if (valid === false) {
                reject(createRouterError(4 /* ErrorTypes.NAVIGATION_ABORTED */, {
                    from,
                    to,
                }));
            }
            else if (valid instanceof Error) {
                reject(valid);
            }
            else if (isRouteLocation(valid)) {
                reject(createRouterError(2 /* ErrorTypes.NAVIGATION_GUARD_REDIRECT */, {
                    from: to,
                    to: valid,
                }));
            }
            else {
                if (enterCallbackArray &&
                    // since enterCallbackArray is truthy, both record and name also are
                    record.enterCallbacks[name] === enterCallbackArray &&
                    typeof valid === 'function') {
                    enterCallbackArray.push(valid);
                }
                resolve();
            }
        };
        // wrapping with Promise.resolve allows it to work with both async and sync guards
        const guardReturn = guard.call(record && record.instances[name], to, from, (process.env.NODE_ENV !== 'production') ? canOnlyBeCalledOnce(next, to, from) : next);
  

The error is probably caused elsewhere but that's what I've got.

[posva]

You need to go up in the stacktrace, this error seems to appear in one of your navigation guards but it's not related to Vue Router

[zanethomas]

here's the stack

vue-router.mjs?f701:1997 Scripts may close only the windows that were opened by them.
eval @ vue-router.mjs?f701:1997
eval @ vue-router.mjs?f701:1969
eval @ vue-router.mjs?f701:3568
Promise.then (async)
eval @ vue-router.mjs?f701:3568
runGuardQueue @ vue-router.mjs?f701:3568
eval @ vue-router.mjs?f701:3245
Promise.then (async)
navigate @ vue-router.mjs?f701:3238
pushWithRedirect @ vue-router.mjs?f701:3166
push @ vue-router.mjs?f701:3099
handleNavigate @ index.esm.js?ba1f:385
navigate @ index.esm.js?58b7:994
push @ index.esm.js?58b7:995
select @ Footer.vue?d376:52
onClick @ Footer.vue?d376:4
eval @ runtime-dom.esm-bundler.js?2725:358
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:157
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?d2dd:166
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?d2dd:176
invoker @ runtime-dom.esm-bundler.js?2725:345
10:04:32.419 

template

<template>
   <ion-footer>
      <ion-toolbar>
         <ion-button class='ion-padding-none' v-for="item in indexed" @click="select(item)" :fill='fill(item)'>
            <ion-icon class='ion-padding-none' :icon="item.icon"></ion-icon>
         </ion-button>
         <ion-button class='ion-padding-none' id="home-bug-modal" slot="end" fill="none" color="danger">
            <ion-icon class='ion-padding-none' color='danger' :icon="bugOutline"></ion-icon>
         </ion-button>
      </ion-toolbar>
   </ion-footer>
</template>

relevant code

function select(item) {
   router.push(item.path);
}

[AndreyChelnokov]

Sorry for my English.

This message appears when window.close() is called if the browser tab was not opened by the script.
I encountered the same error and still couldn't find the reason for it.

For some reason, vue-router is calling the window.close() method.