微信小程序，引用扩展组件提示“没有找到可以构建的NPM包”

在微信小程序开发中，需要引入扩展组件的时候，使用npm引入之后，却提示“没有找到可以构建的NPM包”，查了很多资料，原来是需要参与构建的npm在miniprogramroot目录。

开发者工具创建的项目，miniprogramRoot默认为 miniprogram，package.json在其外部，npm 构建无法正常工作。

需要手动在 project.config.json内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。

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

打开微信开发者工具，点击工具 -> 构建 npm，并勾选使用 npm 模块选项，构建完成后，即可成功引入组件。

微信小程序，引用扩展组件提示“没有找到可以构建的NPM包”相关推荐

微信小程序引用vant toast 提示 “未找到 van-toast 节点“
微信小程序引用vant 的toast 出现如下报错都是因为没有正确引入toast 组件正确引入toast 组件需要在三个文件中设置在 .wxml 文件的 view 内写入 <van-toa ...
设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法
提示:通过微信开发者工具创建小程序工程后,默认是不开启npm的,需要修改小程序npm配置参数,否则将会提示"没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 minipro ...
微信小程序--引用第三方组件
引用方式分为两种 1.使用npm安装 [方便更新推荐] 2.直接引用dist文件按需加载组件库中的组件可以使用 3.lin-ui 组件库中的配置一.使用npm安装 1.安装nodejs环境 2. ...
微信小程序引用vant-UI组件
1.用微信开发者工具搭建一个小程序目录结构如图所示 2.引用vantUI组件步骤一 # 通过 npm 安装 npm i @vant/weapp -S --production # 通过 yarn ...
微信小程序引用Vant组件库message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内...
问题描述 message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 pack ...
A095_day01_微信小程序入门与组件
目录微信小程序入门与组件 - Day01 1.内容介绍 2.微信小程序简介(了解) 2.1.什么是小程序 2.2.微信小程序与app的区别 2.3.小程序在入口 2.4.微信小程序的工作原理 2.5 ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
微信小程序调用Vant组件库
微信小程序调用Vant组件库 Vant Weapp 微信小程序引入Vant Weapp 调用Vant Weapp组件 Vant Weapp 轻量.可靠的小程序 UI 组件库链接: vant开发指南. ...
微信小程序自定义标签组件component封装、组件生命周期，组件通信
微信小程序自定义标签组件component封装.组件生命周期,组件通信本文来说下小程序的自定义标签组件封装. 相比于vue,react的非路由组件,微信小程序的component组件要麻烦些,而且生 ...

微信小程序，引用扩展组件提示“没有找到可以构建的NPM包”

微信小程序，引用扩展组件提示“没有找到可以构建的NPM包”相关推荐

最新文章

热门文章