首页
关于
留言
统计
更多
友联
壁纸
图床
Search
1
下次见面又是什么时候呢
550 阅读
2
和他
266 阅读
3
使用AE画一个粒子爱心
257 阅读
4
小程序npn构建
245 阅读
5
在线网页体重记录表
234 阅读
Search
标签搜索
日常
joe
js
php
window
编程知识
小程序
html
Blank
累计撰写
19
篇文章
累计收到
7
条评论
首页
栏目
最新文章
日常记录
微言微语
风景分享
生活知识
电脑知识
编程知识
办公技巧
node
页面
关于
留言
统计
友联
壁纸
图床
搜索到
1
篇与
小程序
的结果
小程序npn构建
今天在开发微信小程序的时候想引入一下第三方的库一直提示:发生错误Error: D:\My_exe\微信小程序开发工具\project\miniprogram\ 未找到然后在网上找了好久才发现问题,新手真的是各种踩坑... ::(狂汗) 我这里使用的组件库是 Vant Weapp 首先在微信小程序终端输入: npm init ,之后一直回车就好了然后开始 npm 安装 npm i @vant/weapp -S --production 然后在你的项目中就会生成下面几个包,但是注意如果发现miniprogram_npm没有生成就需要查看一下project.config.json目录中的 "packNpmManually" ,是不是为true了,是的话将其改为false在npm一下应该就正常了然后继续按照官方教程走先修改 app.json将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。修改 project.config.json开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外部,npm 构建无法正常工作。需要手动在 project.config.json 内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。{ ... "setting": { ... "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./miniprogram/" } ] } }注意: 由于目前新版开发者工具创建的小程序目录文件结构问题,npm构建的文件目录为miniprogram_npm,并且开发工具会默认在当前目录下创建miniprogram_npm的文件名,所以新版本的miniprogramNpmDistDir配置为'./'即可最后构建npn就好了,打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件。
2023年10月10日
245 阅读
0 评论
4 点赞