elementui tree 支持虚拟滚动和treeLine (下)

由于我之前没有发布过npm 包,这里还得现学一下。

参考资料:

  • 链接: 如何写一个vue组件发布到npm,包教包会,保姆级教学
  • 链接: vue组件发布npm最佳实践

按照上面的步骤,我通过 vue-sfc-rollup 生成了项目,并且在发布到了npm 上 (最后使用失败了)

elementui tree 支持虚拟滚动和treeLine (下)_第1张图片

但是!!

问题不断…

问题一:忘记写README.md 导致说明页一片空白

elementui tree 支持虚拟滚动和treeLine (下)_第2张图片

问题二:忘记执行 npm run build ,导致引入包的时候提示错误

原来你就是不打包,它也可以发布成功啊,T_T

elementui tree 支持虚拟滚动和treeLine (下)_第3张图片

问题三:执行npm run build 时候,提示错误

我这里出现的是以下错误,看样子似乎和vue-easy-tree 依赖的 vue-virtual-scroller 组件有关

elementui tree 支持虚拟滚动和treeLine (下)_第4张图片
试了好多种方案,还是解决不了。

没办法还是用老办法,用webpack 的方式构建。

这里人家 vue-easy-tree 已经写好了,我们拿来用就好了。

最后

npm发布,自己引入运行后,但是还是出现了 问题二 的cant resolve 问题。

去npm 上查看,发现提交的内容和自己本地的不一致

elementui tree 支持虚拟滚动和treeLine (下)_第5张图片
我这里是因为 package.json 里添加了file 字段,摒弃了提交内容。

调整 package.json 后再发布,发现就可以了

你可能感兴趣的:(爬坑,VUE,elementui,vue.js,javascript)