无法使用 nuxtjs 在模块外部使用 import 语句

Question

我正在尝试使用 vue-agile carousel，安装后我可以安装并让它运行，没有任何问题，我正在使用 NUXT，但是重新启动服务器后我不断收到此错误，并且找不到任何解决方案

<template>
  <div>
    <agile>
      <div class="slide">
        <img src="/img/img2.jpg" alt="" />
      </div>
      <div class="slide">
        <img src="/img/img1.jpg" alt="" />
      </div>
    </agile>
  </div>
</template>
<script >
import { VueAgile } from "vue-agile";
export default {
  name: "",
  layout: "",
  middleware: [],
  data() {
    return {};
  },
  components: {
    agile: VueAgile,
  },
  
};
</script>

Answer 1

您是否检查过有关如何在 Nuxt 中使用此插件而不是常规 Vue 的文档？

插件/vue-agile.js

import Vue from 'vue'
import VueAgile from 'vue-agile'

Vue.use(VueAgile)

nuxt.config.js

export default {
    plugins: ['~/plugins/vue-agile', mode: 'client']
}

要使用不带 SSR 的组件，请使用以下client-only组件：

<client-only placeholder="Loading...">
    <agile>...</agile>
</client-only>

编辑：添加 Shreerang 的建议（下面评论）。