search

nicolasbeauvais / vue-social-sharing

A renderless Vue.js component for sharing links to social networks, compatible with SSR
https://nicolasbeauvais.github.io/vue-social-sharing/
MIT License
1.39k stars 196 forks source link

Error in v-on handler: "SecurityError: An attempt was made to break through the security policy of the user agent." #355

Open wty302857194 opened 7 months ago

wty302857194 commented 7 months ago

Error in v-on handler: "SecurityError: An attempt was made to break through the security policy of the user agent."

SylvainLano commented 7 months ago

I just had the same error !

In the console : reactivity.esm-bundler.js:978 Uncaught DOMException: An attempt was made to break through the security policy of the user agent. at isRef (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:950:20) at MutableReactiveHandler.get (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:497:9) at Object.get (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:2749:24) at eval (webpack-internal:///./node_modules/vue-social-sharing/dist/vue-social-sharing.js:1844:15)

On the page itself : Uncaught runtime errors: × ERROR An attempt was made to break through the security policy of the user agent. at isRef (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:950:20) at MutableReactiveHandler.get (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:497:9) at Object.get (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:2749:24) at eval (webpack-internal:///./node_modules/vue-social-sharing/dist/vue-social-sharing.js:1844:15)

SneyX commented 7 months ago

did you guys were able to fix it?

SylvainLano commented 7 months ago

Nope, sorry, and there was no point on modifying the code, so I ended up creating my own social sharing options. You can see them under the destination name here : https://sylvainlano.github.io/VoyageVue If it can help, the code of the sharing component in Vue is there (to be adapted to your needs) : https://github.com/SylvainLano/VoyageVue/blob/master/src/components/SharingOptions.vue It uses a JSON to register the list of social networks and the image to display for them with font-awesome if you're to use it.