无法部署vue-social-sharing，Nuxt初始化遇TypeError错误求助

问题分析 #

你遇到的错误核心原因有两个：

• 插件注册代码存在语法错误：vueApp.use(VueSocialSharing)后面多余的`your text`是无效代码，会干扰插件的正常注册流程。
• 若使用的是Nuxt 3，需确认vue-social-sharing版本是否适配Vue 3（旧版仅支持Vue 2）。

解决方案 #

1. 修正基础语法错误 #

首先删除插件代码中多余的反引号内容，正确的plugins/socialSharing.ts代码如下：

// plugins/socialSharing.ts
import VueSocialSharing from "vue-social-sharing";

export default defineNuxtPlugin(({ vueApp }) => {
  vueApp.use(VueSocialSharing);
});

2. 确保插件适配Vue 3 #

如果上述修正后仍报错，说明你安装的是仅支持Vue 2的旧版插件，需要安装适配Vue 3的版本：

# 卸载旧版
npm uninstall vue-social-sharing
# 安装Vue 3兼容版
npm install vue-social-sharing@next

3. 全局使用验证 #

注册完成后，你可以在组件中直接通过$socialSharing调用插件方法，示例如下：

<template>
  <button @click="shareToTwitter">分享到推特</button>
</template>

<script setup>
const { $socialSharing } = useNuxtApp();

const shareToTwitter = () => {
  $socialSharing.share(
    "twitter",
    null,
    "分享标题",
    "分享链接",
    "分享描述"
  );
};
</script>

内容的提问来源于stack exchange，提问作者Meta