vue.js - 从 npm 包 VueJs3 导入组件

Question

我正在更新自己和我的技能，我决定在这次大流行期间开始学习 Vue。我正在创建一个小型组件库，它实现了供个人使用的 UIkit 框架，并且我发布了一个 npm 包，以便能够轻松地在各种项目中使用这些组件。

为此，我使用了本教程：https : //www.freecodecamp.org/news/how-to-create-and-publish-a-vue-component-library/ 我已经成功创建了一个 npm 包使用以下npm install <packageName>命令安装在我的项目中的node_modules文件夹安装在具有以下文件夹结构的文件夹中：

-packageFolder
---dist
----- packagename.esm.js
----- packagename.min.js
----- packagename.ssr.js
---src
-----lib-components
-------Component1.vue
-------Component2.vue
-------Component3.vue
---package.json

我已经设法使用全局导入包，import 'componentName' from 'packagename';但现在我面临以下错误：

关于发生了什么的任何线索？谢谢！

重要的是要提到我正在学习和使用 Vue 3。

非常感谢您的帮助！

问候，T。

标签： vue.jsnpmvue-componentvuejs3