Vue.js 不能使用单个文件组件&引用；“已注册但从未使用”；

我想将单个文件组件（）导入我的Product.vue组件。 当我试图将其包含在我的it打印输出错误中时：“zoomOnHover被分配了一个值，但从未使用过”

我正在使用vue cli这与webpack或vue loader有关吗

基本上只是做：

<template>
   <zoom-on-hover img-normal="image.jpg"></zoom-on-hover>
</template>

<script>
import zoomOnHover from "../zoomOnHover"

export default {
  name: "Product",
  components: { zoomOnHover },
</script>

从“./zoomOnHover”导入zoomOnHover
导出默认值{
名称：“产品”，
组件：{zoomOnHover}，

我猜您在

中执行了以下操作。/zoomOnHover.js

import ZoomOnHover from "vue-zoom-on-hover"
Vue.use(ZoomOnHover)

以下电话：

import zoomOnHover from "../zoomOnHover"

这将不起作用，因为它不是导出而是设置一个全局组件

为什么？：因为文件：

因此，在

。/zoomOnHover.js

中，执行以下操作：

import ZoomOnHover from "vue-zoom-on-hover"
export default ZoomOnHover

或者只使用如下方式：

...
<script>
import zoomOnHover from "vue-zoom-on-hover"

export default {
  components: { zoomOnHover },
  ...
}
</script>

。。。
从“vue悬停缩放”导入zoomOnHover
导出默认值{
组件：{zoomOnHover}，
...
}

在

中是否有尾随

}

，或者这只是复制粘贴错误？@lawrencerone是一个打字错误对不起..谢谢！我使用的是原始的缩放悬停。。不是npm包。。现在开始工作了