vant-cli npm发布包踩坑

最新推荐文章于 2025-09-11 00:31:31 发布
原创 最新推荐文章于 2025-09-11 00:31:31 发布 · 810 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react.js #javascript #html5

本文讲述了使用vant-cli开发的组件过程中遇到的发布问题，包括认证、权限、包名冲突及安全策略，通过解决步骤详细展示了如何成功发布的全过程。

使用vant-cli写的组件

  1. 直接npx vant-cli release想发布，然后报错ERROR Not authenticated with npm. Please npm login and try again，是因为没有登录npm账号
    解决方法：去npm网站注册了账号后登陆
    在这里插入图片描述
    2.注册完后再次发布，提示operation not permitted, copyfile等，
    解决方法：npm cache clean --force
    在这里插入图片描述

3.再次发布，又提示You do not have permission to publish “mobile-ui”. Are you logged in as the correct user，原来是包名字重复了。
解决方法：更改package.json里的name在这里插入图片描述

4.又遇到了错误提示 403 a package version that is forbidden by your security policy，
解决方法：注册完npm账号后去邮箱里进行验证。
在这里插入图片描述
解决上面问题后发布成功了

vuecli4+vant移动端响应式项目踩坑记录
Beauty_zhang666的博客
05-17 5985
文章目录关键词参考链接一. 使用vue/cli4二. 使用vant三. 加入响应式布局1. rem适配插件2. PostCSS配置四. 图标库：封装svg图标组件1. 建立如下目录结构：2. components/SvgIcon.vue3. icon/index.js4. 配置vue.config.js5. svg图标使用五.axios+api封装目录结构(示例)http.js封装api/index.jsapi/user.jsapi注册到全局(main.js文件)api接口调用示例App.vue（断网代码示
wepy2 + vantweapp 实战总结 踩坑记录
z00001993的博客
08-17 1181
wepy2+vant实战记录安装wepy2+vant微信开发者工具导入项目项目中引入vant组件使用组件小程序体验二维码 安装wepy2+vant 先安装wepy 2.x $ npm install @wepy/cli -g # 全局安装 WePY CLI 工具 $ wepy init standard myproj # 使用 standard 模板初始化项目 $ cd myproj # 进入到项目目录 $ npm install # 安装项目依赖包 $ npm run dev # 监听并且编译项目 具体
vant-cli-read:vant-cli-read原始阅读
03-23
万特·克里 Vant Cli是一个Vue组件库组装工具，通过Vant Cli可以快速构建一套功能完备的Vue组件库。 特性 提供丰富的命令，涵盖从开发测试到合并发布的完整流程 根据约定的目录结构，自动生成优雅的文档站点和组件示例 内置ESlint，Stylelint校验规则，提交代码时自动执行校验 构建后的组件库默认支持按需约会，主题定制，Tree Shaking 快速上手 执行以下命令可以快速创建一个基于Vant Cli的项目： npx create-vant-cli-app 手动安装 # 通过 npm 安装 npm i @vant/cli -D # 通过 yarn 安装 yarn add @vant/cli --dev 安装完成后，重置以下配置添加到package.json文件中 { " scripts " : { " dev " : " vant-cli dev " ,
如何从0开始搭建 Vue 组件库
m0_60571990的博客
03-13 672
如何从0开始搭建 Vue 组件库
从零搭建组件库文档
ae_pppppp的博客
11-02 348
如果想官方权威，直接参考vant的git说明直接快速上手。
vant-cli构建组件库
m0_58481462的博客
03-07 1602
最近公司想做自己的组件库，调研阶段给时间了解了vant-cli Vant Cli 是一个 Vue 组件库构建工具，通过 Vant Cli 可以快速搭建一套功能完备的 Vue 组件库。
npm安装Vant报错
2301_80077119的博客
04-27 964
安装Vant报错
vue2.7.14 + vant + vue cli脚手架转vite启动运行问题记录
weixin_44846945的博客
11-13 1599
vue cli 脚手架转成vite启动简单说说这个项目的一些底层基本结构哈，以及写这篇博客的目的。这个项目底层结构是vue2.7.14 + vant ，使用vue cli脚手架搭建的一个H5项目，由于内容比较多，并没有使用vue3重构，但是由于内容过多，渐渐的启动特别耗时，所以计划该用vite去优化启动项。写这篇博客，是记录本人在这个转换过程中遇到的一些问题。在实际的过程中我用了两种方案，第一种利用插件webpack-to-vite。第二种是自己搭建vite。
vant 半圆仪表盘_开源一个微信小程序仪表盘组件过程解析
weixin_39860201的博客
12-20 711
前言最近开发了一个小程序动态仪表盘组件，并以第三方小程序组件的形式发布到npm，任意小程序项目都可以安装这个模块，从而获得仪表盘功能。组件功能目前还非常简单，先来预览一下效果：感兴趣的直接看源码：下面是踩坑过程。如何开发微信小程序自定义组件官方提供了一个CLI工具专门用于开发小程序自定义组件，首先全局安装这个工具：npm install -g @wechat-miniprogram/minipro...
Vue快速入门学习笔记(更新ing)
喜欢前端的后端 MelodyJerry
11-15 4970
原在博客园发布，先同步到优快云：https://www.cnblogs.com/melodyjerry/p/13768594.html 本笔记综合了视频狂神说的Vue快速上手和菜鸟教程、优快云等博客文章，以及个人的一些学习见解与体会。 由于是为了团队需要而快速入门，HTML、CSS、JS、Vue等基础均不全，故本笔记仅供参考学习使用。 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios.
傻瓜式简单vue-cli+vant项目搭建
frog77
03-21 2910
如果你和我一样从来没做过前端开发，只能看懂一点点html和css，且几乎完全不懂vue.js 这篇文章可以给你补充一点最基本的概念，还有一点最基础的写法。 写前端代码出不来效果真是非常折磨人的事情 这里用一个简单的用vant做的界面为例 0.准备部分 0.1 vant 安装 传送门 要注意 如果用vue-cli 还需要在 babel.config.js 添加东西 0.2 怎么使用vue项目？ 不需要额外做一个html文件。直接npm run serve即可，根据给出的链接 1.如何开始？ 假定已经建立
在vue-cli脚手架中使用vant
SH744的博客
11-07 1145
通常情况下，我们在使用轮播图时，首先会想到swiper插件，但是在vue-cli脚手架中使用swiper会出现某些版本的一些功能不可以使用，会造成困扰。其实，使用vant也是一个不错的选择，本文就是针对在vue-cli脚手架中使用vant的具体且详细用法，可以仔细阅读哦！
基于vue-cli和vant来搭建开发环境
u010227042的博客
07-04 1040
基于vue-cli和vant来搭建开发环境 1.安装vue-cli 2.通过vue-cli构建项目 3.安装vant 4.vant按需引入 5.设置pxtorem(输入px，自动变为rem，这样写的时候可以完全按照设计图来写) 步骤省略 … 用vue-cli指令来构建项目(需要先全局安装vue-cli) vue create tea-item 1 选择需要的工具，例如vuex，vue-router等 安装vant npm i vant -S 1 -S 和 -D的区别： -S是生产环境中用到的，...
Vue CLI 4 + Vant：一站式前端开发解决方案
gitblog_00086的博客
04-19 459
Vue CLI 4 + Vant：一站式前端开发解决方案 本文将向您介绍一个强大的前端开发项目——)，您可以快速搭建高效、稳定并具有良好用户体验的 Web 应用。 项目简介 Vue CLI 4 是 Vue 官方提供的脚手架工具，它大大简化了 Vue 项目的初始化过程，提供了自动化构建、配置管理和测试等开箱即用的功能。Vant 则是 LeanCloud 团队推出的一套优秀的移动端 UI 组件库，旨在...
Vant CLI脚手架使用教程：快速搭建企业级UI组件库
最新发布
gitblog_01114的博客
09-11 339
你是否还在为搭建UI组件库从零配置工程化工具链？是否在文档站点建设、组件打包优化上耗费大量精力？本文将带你通过Vant CLI（一个专为移动端UI组件库设计的工程化解决方案），仅需5步即可完成企业级组件库的初始化与部署，让你专注于组件开发而非构建流程。 读完本文你将掌握： - 组件库项目的标准化目录设计 - 基于Vant CLI的全流程开发体验 - 组件文档与示例站点的自动化构建 - 企业级组件...
vant简单使用方法，vue-cli脚手架使用。
cccqd的博客
04-28 989
全局注册使用：（注册以后可以在任何子组件使用） 1.在main.js里面导入两个包 import Vue from 'vue'; import { CountDown } from 'vant'; 2.大括号里面是要导入的vant组件,导入完毕之后运用Vue.component注册 Vue.component(CountDown.name, CountDown); 局部注册:（只在单文件组件使用） 1.在子组件里面运用import 导入要使用的包，不再需要Vue.use也可以使用。
cli 创建的uniapp项目引入vant 样式报错解决方案
qq_42294411的博客
11-03 1318
cli 创建的uniapp项目引入vant样式报错解决方案
react系列----cli
hyduan_h5的博客
11-28 660
create-react-app@3.2.0 React的官方推荐脚手架工具 安装 cnpm i create-react-app@3.2.0 -g//全局安装工具 create-react-app -V //查看版本 create-react-app xxxx //初始化项目目录 npm run start //启动 //问题 //丢失模块,删除node_modules重新下载 //n...
vant组件安装之后导入所有组件报错
qq_45331969的博客
10-10 1316
解决办法：在node_modules里面找到 vant目录下面的lib里面的。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值