Vue.js VueJS+；Vue Flickity类型错误：网页包\u导入的\u模块\u 0\u Vue\u Flickity。a不是构造函数

我正在使用，但找不到此错误的修复程序：

[Vue warn]：下一步中出现错误：“类型错误： 网页包\u导入的\u模块\u 0\u vue\u flickity。a不是构造函数”

发现于

--->在src/components/Meetup/Meetup.vue 在src/App.vue vue.esm.js？efeb:1841 TypeError:WEBPACK\u IMPORTED\u MODULE\u 0\u vue\u flickity。a不是构造函数 在VueComponent.eval（Meetups.vue？41ab:1113） at Array.eval（vue.esm.js？efeb:1938） 在刷新回调时（vue.esm.js？efeb:1857）

以下是相关代码： HTML

<flickity ref="flickity" :options="flickityOptions">
<div class="carousel-cell">
<span>1</span>
</div>
</flickity>

---

我更新了所有NPM软件包，但错误仍然存在。如何修复它？

因为您将Flickity作为Vue组件导入

从“vue Flickity”导入Flickity

这样就不能像这样创建它的新实例

const flkty=new Flickity（this.$refs.Flickity，this.flickityOptions）

请试一试

  mounted () {
    this.$nextTick(() => {
      // EVENTS
      this.$refs.flickity.on('ready', function () {
        console.log('Flickity is ready!')
      })
      this.$refs.flickity.on('dragStart', function () {
        console.log('dragStart')
      })
    })
  }

  mounted () {
    this.$nextTick(() => {
      // EVENTS
      this.$refs.flickity.on('ready', function () {
        console.log('Flickity is ready!')
      })
      this.$refs.flickity.on('dragStart', function () {
        console.log('dragStart')
      })
    })
  }