解决[“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：

解决步骤：

命令行cd转到miniprogram目录(注意使用下面的命令行要在工程目录下cd)

cd .\miniprogram\

在这里生成package.json

npm init -y

npm i @vant/weapp -S --production

由于我们是在miniprogram目录下安装的，所以就不用修改project.config.json了

保持默认就好：

{..."setting": {..."packNpmManually": false,"packNpmRelationList": []}
}

构建npm

点击 工具 -> 构建 npm 生成miniprogram_npm
点击详情->本地设置-> 勾选 使用 npm 模块

引入组件（在app.json中）

// app.json
"usingComponents": {"van-button": "path/to/@vant/weapp/dist/button/index"
}

直接使用，并没有报错

<!-- index.wxml文件 -->
<van-button type="primary">按钮</van-button>

解决[“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：相关推荐

[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找到
我出现这个原因是按照官网( https://vant-contrib.gitee.io/vant-weapp/#/quickstart 快速入门一步一步走) 最后导入的路径好像在我这不对我自己改 ...
微信小程序使用Vant报错：miniprogram_npm/@vant/weapp/action-sheet/index
前一天使用时候还一切正常,引入的Vant的内容还一切正常,可以使用,但今天二次打开,就出现了很多错误,都是关于Vant库的代码编译问题,但是这之前没有修改过代码,所以代码应该不会有问题. 上网搜了一些 ...
安卓打包flutter界面空白解决、友盟asms-1.2.x.arr未找到
安卓app,module下的build.gradle里边buildTypes的release的 minifyEnabled false shrinkResources false 压缩,混淆设置no. ...
微信小程序引用vant Weapp
vant-weapp官网https://youzan.github.io/vant-weapp/#/quickstarthttps://youzan.github.io/vant-weapp/#/qu ...
微信小程序使用vant weapp报错
微信小程序使用vant weapp报错错误一:构建错误错误二:["usingComponents"]["van-button"] 未找到我的安装流程 1. ...
微信小程序开发实战（二）UI组件介绍 Vant Weapp
微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 1 第三方组件库 Vant We ...
微信小程序导入Vant Weapp组件库
超详细!微信小程序导入Vant Weapp组件库 Vant Wepp组件库轻量.可靠,同时组件样式丰富美观,容易上手,我们可以引入该组件库来实现小程序的相关界面样式. Vant Weapp组件库官方文 ...
@vant/weapp
文章目录一.介绍二.安装 1. cd 到项目文件目录 2. 使用 npm 安装 3. 修改项目配置 4. 构建 5. 其他文件三.使用四.[参考] 微信小程序使用@vant/weapp组件一 ...
微信小程序接入Vant Weapp
步骤一通过 npm 安装 # 通过 npm 安装 npm i @vant/weapp -S --production 步骤二修改 app.json 将 app.json 中的 "styl ...

解决[“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：

解决[“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：相关推荐

最新文章

热门文章