如何导入依赖项的.vue 文件

Question

import Viewer from 'v-viewer/src/component.vue';

我从其他示例中知道

v-viewer

是依赖项，因此

src/component.vue

不是该项目的一部分。但是，这些其他示例仅导入依赖项，即

import Viewer from 'v-viewer'

。

我面临的问题是

npm run dev

抱怨它找不到依赖项，而我对vue的经验几乎为0。

编写上述内容的正确方法是什么，以便将

component.vue

从依赖项

v-viewer

中拉出？

谢谢！

更新：我写了这个

import { component } from 'v-viewer'

并编译了。如果有人可以确认并解释我所做的是否正确，我将不胜感激。

Answer 1

该项目依赖于

v-viewer

内部结构，这是一件危险的事情，因为它们不能保证存在。

这里就是这种情况。存在宽松的版本约束，

"v-viewer": "^1.4.2"

，并且在后续版本中删除了

src

。您可以将其修复为

"v-viewer": "1.4.2"

，或者像文档中所示导入并使用它：

import { component as Viewer } from "v-viewer"

后一种解决方案更可取，因为这是包设计为不依赖其内部结构而使用的方式。