无法将标准 Vue 插件与 Nuxt 一起使用

Question

尝试让 Dragabilly Vue 插件与我的 Nuxt 应用程序一起使用：https://www.npmjs.com/package/vue-draggabilly

我使用了与类似插件一起使用的常用方法，但我没有足够的知识来破解这个插件。我正在添加到我的 nuxt 配置文件中：

plugins: [ { src: '~/plugins/vue-draggabilly.js', ssr: false } ]

该文件包含以下代码：

import Vue from 'vue'
import VueDraggabilly from 'vue-draggabilly'

Vue.use(VueDraggabilly)

但是，我收到以下错误，我无法使用：

vue-draggabilly.js:3 Uncaught ReferenceError: exports is not defined

这是指插件中的这一行：

exports.install = function (Vue, options) { ....

这是一个常用的 vuew 插件包，但我不知道如何让它与 nuxt 一起工作。非常感谢任何帮助！

Answer 1

我看到一个警告：

./plugins/vue-draggabilly.js 中的警告

4:8-22 “在“vue-draggabilly”中找不到导出“默认”（导入为“VueDraggabilly”）

我不知道最佳答案，但这似乎可行：

import Vue from 'vue'
import * as VueDraggabilly from 'vue-draggabilly'

Vue.use(VueDraggabilly)