vue自定义插件的打包过程中和npm登陆、注册的那些坑

 在vue插件项目打包,git push后,下载使用时出现报错:

Failed to mount component: template or render function not defined.

琢磨着要不先把项目发布到npm,看别人的步骤尝试本地添加用户npm adduser各种报错

所以直接在npm官网注册一个账号,可以直接尝试本地登陆

安全起见验证邮箱后又登陆了npm官网一遍,然后在本地登陆 npm login,报错

npm ERR! code EAUTHUNKNOWN
npm ERR! Unable to authenticate, need: Basic

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Dell\AppData\Roaming\npm-cache\_logs\2018-12-19T03_02_23_564Z-d

就是没法验证吧

那就验证呗,邮箱重新绑了一遍,登陆npm login失败

那密码重新改一下呢,还是原密码,就是假装重置了,然后npm login

下面的username和email和网站注册的一样,成功了

此处看起来云淡风轻地解决了,但是事实是把我这个菜鸡给气哭了

接下发布npm publish

如果报错

npm ERR! publish Failed PUT 403
npm ERR! code E403
npm ERR! You do not have permission to publish "vue-alert". Are you logged in as the correct user? : vue-alert

没有权限发布巴拉巴拉,原因大概就是这个名字的项目已经被发布过了,所以在package.json 中将name:"vue-alert"改一个独一无二的名字,再次发布

如果报错

npm ERR! This package has been marked as private
npm ERR! Remove the 'private' field from the package.json to publish it.

是因为在package.json文件里的  private:"true",是私有的,改为fslse或者删除即可

所以回到第一个问题,看别人能解决的方法比如

1.降低vue-loader版本

2.import Vue from "vue/dist/vue.common.js"

3.修改
resolve: {
    alias: {
        'vue$': 'vue/dist/vue.js'
    }
}
4.components注册时候的大小写
......and so on

都没用,当初打包项目的时候这个问题遇到了,不知怎么解决了

这回的问题是路径问题,在单页面引用的时候

路径 'import valert from 'lt-alert/src/lib/panel.vue' ,就这样,问题解决了

昨天急于测试,打包的时候对项目下的多余文件没有进行删除。。。。。em。。。。。。。。。。

猜你喜欢

转载自blog.csdn.net/qq_40642021/article/details/85091370