写好的小程序组件(发布到了npm)怎么通过这种方式引入?

发布于 2022-09-12 00:52:08 字数 344 浏览 12 评论 0

image.png
image.png
想要红框的这种引入方式来使用,但编译的时候会报错。只能使用红框下面的方式。
拿的代码地址是:uni-ui
想修改他们的组件,然后发布到自己的npm。目前npm包名是:qs-uni-ui


小弟搞不明白,为什么同样的代码,我的不能用红框的方式引入。谢谢各位大佬的解惑。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

半衬遮猫 2022-09-19 00:52:08

官方的也会编译出错吧,这是bug。建议按需引入,使用第二种。

甜味拾荒者 2022-09-19 00:52:08

第一种方式,你可以把模块导出的接口看做一个键值对 module = {uniBadge: func},引入的时候相当于解构赋值来获取 module.uniBadge。
第二种方式则相当于模块默认导出了 module = func,而在引入的时候顺便把 module 重新命名为 uniBadge。
如果你默认导出 uniBadge ,并且使 uniBadg.uniBadge = uniBadge,应该可以使用两种方式引入了,但似乎是多此一举。
export default 其实是 js 的历史债,直接应用到 ES 模块的时有坑,慎用,第一种引入方法才是正解,导出的时候 export const uniBadge = func ,或者 export { uniBadge } 就可以了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文