vue-social-sharing: Blocked a frame with origin from accessing a cross-origin frame

> Uncaught DOMException: Blocked a frame with origin https://ter.com/ from accessing a cross-origin frame.
>     at Re (https:/ter/js/chunk-vendors.328909a9.js:102:83397)
>     at Object.get (https://ter/js/chunk-vendors.328909a9.js:102:78690)
>     at Object.get (https://ter/js/chunk-vendors.328909a9.js:102:118066)
>     at https://ter/js/chunk-vendors.328909a9.js:120:45774
> Re @ reactivity.esm-bundler.js:962
> (anonymous) @ reactivity.esm-bundler.js:438
> get @ runtime-core.esm-bundler.js:6242
> (anonymous) @ vue-social-sharing.js:1
> setInterval (async)
> share @ vue-social-sharing.js:1
> onclick @ vue-social-sharing.js:1

I am using Vue 3. What ever social network I share except twitter I get this error in console. Is anyone knows the solution for this problem @nicolasbeauvais

About this issue

  • Original URL
  • State: closed
  • Created 3 years ago
  • Reactions: 3
  • Comments: 15

Most upvoted comments

I have the same issue too. My project uses Vue + egg + ssr. I want to share my site , so I use the components. I install the it with “vue-social-sharing”: “^4.0.0-alpha4”, then import and use it. import VueSocialSharing from ‘vue-social-sharing’ app.use(VueSocialSharing)

In my Page

<ShareNetwork
               network="LinkedIn"
               url="https://vuejs.org/"
               title="xxx"
               description="sysy"
               quote="The hot reload is so fast it\'s near instant. - Evan You"
               hashtags="vuejs,vite"
             >
               Share on LinkedIn
           </ShareNetwork>

and got the error: Uncaught DOMException: Blocked a frame with origin “http://localhost:7001” from accessing a cross-origin frame.