小程序中使用vant weapp

发布时间 2023-06-26 10:10:00作者: 贲风

前提: 其实vant 官方的步骤写的很详细 但是在我照着一步步走了之后发现还是用不了有报错 因此详细扩充一下

 

1. 在项目文件夹下开启终端 执行 npm init

2. 再执行 npm install

(这后面其实就是官网的内容了 主要是 1、2 条 导致的我的报错)

3. 通过NPM的方式安装

  npm i @vant/weapp -S --production

4.将 app.json 中的 "style": "v2" 去除

5.需要手动在 project.config.json 内添加如下配置

{
  ...
  "setting": {
    ...
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram/"
      }
    ]
  }
}

6. 打开微信开发者工具,点击 工具 → 构建 npm,并勾选 使用 npm 模块 选项

注:没有  使用npm模块 可以不管这里