微信小程序构建npm报错

449 阅读1分钟

微信小程序安装vant组件,构建npm报错

1、小程序安装vant组件

通过 npm 安装
​
npm i @vant/weapp -S --production
​
通过 yarn 安装
​
yarn add @vant/weapp --production
​
安装 0.x 版本
​
npm i vant-weapp -S --production

2、初始化package.json文件

npm init -y

3、构建npm报错,微信小程序构建npm找不到miniprogram文件,"miniprogramNpmDistDir": "../设置自己的项目名字"

message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 miniprogramRoot 目录内,或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建

 //在project.config.json文件中 找到setting,增加以下代码
 "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "../项目名"
      }

4、构建npm,工具——构建npm

**

image-20230413165414780.png