微信小程序使用npm,构建npm

最新推荐文章于 2024-08-15 16:20:04 发布
最新推荐文章于 2024-08-15 16:20:04 发布
阅读量524 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： 小程序 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40072810/article/details/105908960
版权

按照微信官方文档中的步骤操作就出出现了下图的错误：

 

解决方案：

1.进入小程序根目录

2.打开cmd

3.输入：npm init

4.输入命令之后一直点回车

5.输入命令：npm i miniprogram-sm-crypto --production

6.执行命令完之后，点击微信开发者中 工具->构建npm 就会显示完成构建

 

 

Ann32563
关注
专栏目录
微信小程序构建npm
weixin_44387746的博客
01-29 8681
在项目根目录下运行 npm init 初始化成功后安装组件库 npm install--save weui-miniprogram 修改 project.config.json 文件中 { ... "setting": { ... "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramN
微信小程序使用npm包、全局数据共享和分包_npm 能不能让 所有包放到一起
2301_82243558的博客
04-20 382
Vant Weapp 是有赞前端团队开源的一套小程序 UI 组件库，助力开发者快速搭建小程序应用。它所使用的是 MIT 开源许可协议，对商业使用比较友好。官方文档地址API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于 Promise 的异步 API，从而提高代码的可读性、维护性，避免回调地狱的问题。全局数据共享（又叫做：状态管理）是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有：Vuex、Redux、MobX 等。
微信小程序——构建npm
m0_52163529的博客
03-21 945
在微信小程序中使用第三方包并构建npm的具体方法可以参考官方文档。npm 支持 | 微信开放文档微信开发者平台文档但是在开发过程中，我遇到了无法构建npm的方法，所以就暂时使用的笨方法，将转二维码的js文件直接导入utils文件夹中，然后引入的该方法。（详情见此次开发需要对一期代码进行优化，就需要解决这个问题，改用第三方包，避免前者可能会导致的一些问题，保证代码的安全性和稳定性。在查阅种种资料后，终于解决了。
微信小程序开发构建npm
最新发布
cuicanxinghui的博客
08-15 218
因为没有安装npm相关包，无法构建。以安装 vant 组件库为例。之后再构建npm就构建成功了。
微信小程序 构建 npm
悟世君子的博客
05-07 863
微信小程序 构建 npm，个人感觉官网写的并不是很详细，这里记录一下 在使用 npm 前，先确保电脑已经安装了 nodejs 环境，没有安装的可以参考：https://blog.csdn.net/wsjzzcbq/article/details/89556569 1、进入项目目录，初始化项目 进入项目目录，我的小程序项目名是 xcx-vant 在项目目录打开 cmd 命令窗口，执...
微信小程序 构建npm
明耀的博客
04-26 518
1.进入小程序根目录，打开cmd，输入：npm init 输入命令后一直点回车 2.输入命令：npm i miniprogram-sm-crypto --production 执行命令完之后，然后再去微信开发者中点工具-构建npm，然后就成功了，如下图： ...
微信小程序使用npm包的方法步骤
10-16
主要介绍了微信小程序使用npm包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序使用npm支持踩坑
01-03
最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。 npm 支持 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300...
微信小程序npm构建
HanXiaoXi_yeal的博客
05-17 642
步骤： 一：初始化 npm init -y 自动生成生成package.json文件 二：project.config.js配置项 "packNpmManually": false, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./node_modules" } ] 三：下载所需依赖 npm ins
微信小程序-构建npm
New_user_的博客
02-23 880
在项目根目录中右击 - 点击【在外部终端窗口中打开】
微信小程序构建npm（js和ts）
苦夏木禾
06-01 2899
微信小程序构建npm（js和ts）
【微信小程序知识点】自定义构建npm
weixin_51781852的博客
07-12 551
（6）配置 project.config.json的setting.packNpmRelationList项，指定packageJsonPath和miniprogramNpmDistDir的位置。在实际开发中，随着项目的功能越来越多，项目越来越复杂，文件目录也变得很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行优化调整，例如：将小程序源码放到miniprogram目录下。（2）在project.config.json中配置路径源码路径。miniprogram_npm包就出现在了指定的位置。
微信小程序怎么构建npm？
qq_37805832的博客
09-04 6124
因为系统引入外部UI库时需要的。不然外部的UI库运行不起来.
微信小程序项目 npm安装构建
weixin_44283955的博客
07-22 647
微信小程序安装依赖
微信小程序组件配置搭建 构建npm
shyla的博客
12-20 307
1：找到相关项目的更目录 npm init 安装配置 2cmd_____命令——————npm i vant-weapp -S --production 3：小程序--->详情------->勾选使用npm模块 3：重启微信小程序 4： cmd->npm -v ...
微信小程序配置npm构建详细解读
qq_34907249的博客
09-01 5182
总之就是，1、开启 2、根据谁进行构建，指定构建后生成的位置。
微信小程序---npm 支持
m0_56769104的博客
07-12 1188
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm1、默认构建 npm。
微信小程序——使用npm构建开发流程
朕的博客
08-14 1653
第一步： 在小程序项目目录中打开终端命令行工具，输入以下命令，这个命令在官方文档中是没有写的，这里补一下，执行这个命令后就会在项目中创建一个package.json配置文件 npm init 第二步： 使用npm install xxx 安装自己所需要的包，例如： npm install --save-dev weui-miniprogram 第三步： 在小程序开发者工具中 ’本地设置‘ 中打开 ’使用npm模块‘ 选项 第四步： 在小程序开发者工具中选择顶部菜单 ’工具‘ ——’构建npm‘
微信小程序安装npm
10-17
微信小程序安装npm的步骤如下： 1. 在小程序项目根目录下打开命令行工具，输入命令：`npm init`，生成 package.json 文件。 2. 安装需要的 npm 包，例如：`npm install moment --save`，安装 moment.js 库。 3. 在小...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值