Uniapp安装Vant Weapp遇到的坑

409 阅读1分钟

以为挺简单结果折腾了半个小时,第一次接触Uniapp也不是很熟悉工程结构,不过好在是导入成功了。

需要先按照Vant Weapp官方文档依次进行:youzan.github.io/vant-weapp/…

第一步 npm安装

虽然是npm安装,但请确保你的工程里有package.json文件,没有的话需要在项目终端里执行

npm init

然后一直回车,package.json就出来了。
然后执行

npm i @vant/weapp -S --production

第二步 修改 app.json

这里很简单就不提了

第三步 修改 project.config.json

只需要注意下面一句话

注意: 由于目前新版开发者工具创建的小程序目录文件结构问题,npm构建的文件目录为miniprogram_npm,
并且开发工具会默认在当前目录下创建miniprogram_npm的文件名,所以新版本的miniprogramNpmDistDir配置为'./'即可

由于我是在2022.11.7使用的,这时候的开发端已经很新了,添加的配置应该为:

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

最后构建NPM即可使用