小程序安装npm包

最新推荐文章于 2024-08-14 10:40:09 发布
最新推荐文章于 2024-08-14 10:40:09 发布
阅读量3.1k 收藏 10
点赞数 3
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z591102/article/details/107018264
版权

如果我们已经创建好了小程序的一些基本配置，后期我们想使用npm的时候，如果我们直接在详情里打开npm的话（如图1）

 

图1

 

然后我们再根据图二

 

图2


的时候我们会发现出现了（如图3）

如图3

 

你百度了很多方法，已经不能安装npm包，一直出现图3 的情况。
其实我们需要在终端cd到我们创建的小程序
根目录，然后执行

npm i miniprogram-sm-crypto --production

然后会发现根目录出现miniprogram_npm的文件夹
然后执行图2的操作

 

image.png

 

恭喜构建成功！
希望对你有所帮助

 

高先生的猫
关注
专栏目录
06_小程序使用npm包
zhang_zmj的博客
03-12 2350
一、小程序对npm 的限制 1、不支持依赖于 Node.js 内置库的包 2、不支持依赖于浏览器内置对象的包 3、不支持依赖于 C++ 插件的包 二、Vant Weapp 1、Vant Weapp 官方文档地址：https://youzan.github.io/vant-weapp 2、安装配置 ①、使用npm init -y 自动初始化一个包管理配置文件package.json ②、步骤如下地址： https://youzan.github.io/vant-weapp/#/quickstart 3、定
微信小程序安装包
07-22
微信小程序安装包 微信小程序安装包微信小程序安装包 微信小程序安装包
小程序 npm 使用
认真!
03-01 3257
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
微信小程序学习-npm包
最新发布
weixin_53003673的博客
08-14 242
API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步API，升级改造为基础Promise的异步API，从而提高代码的可读性、维护性，避免回调地狱的问题。目前，小程序中已经支持使用npm安装第三方包，从而来提高小程序的开发效率。在app.wxss中，写入CSS变量，即可对全局生效。（3）小程序对于vant组件库定制全局主题样式。（1）不支持依赖于Node.js内置库的包。（2）不支持依赖于浏览器内置对象的包。（3）不支持依赖于C++插件的包。1.小程序对npm的支持和限制。
微信小程序使用npm包
huaweichenai的博客
08-12 2728
一：npm初始化 如果你的小程序项目没有安装过npm包的话，你需要先初始化npm npminit 二：安装npm包 这里以vant-weapp(小程序UI组件库)为例： npmivant-weapp-S--production 三：npm包构建 1：点击微信开发者工具右上角详情——>本地设置，选中使用npm模块 2：点击微信开发者工具菜单栏的工具，选择构建n...
微信小程序如何进行npm导入组件
m0_72168336的博客
03-31 3242
微信小程序通过npm引入组件
微信小程序---npm 支持
m0_56769104的博客
07-12 1188
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm1、默认构建 npm。
微信小程序使用npm包的方法步骤
12-11
如果你的小程序项目没有安装过npm包的话，你需要先初始化npm npm init 二：安装npm包 这里以vant-weapp(小程序UI组件库)为例： npm i vant-weapp -S --production 三：npm包构建 1：点击微信开发者工具右上角详情...
微信小程序使用npm包、全局数据共享和分包_npm 能不能让 所有包放到一起
2301_82243558的博客
04-20 382
Vant Weapp 是有赞前端团队开源的一套小程序 UI 组件库，助力开发者快速搭建小程序应用。它所使用的是 MIT 开源许可协议，对商业使用比较友好。官方文档地址API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于 Promise 的异步 API，从而提高代码的可读性、维护性，避免回调地狱的问题。全局数据共享（又叫做：状态管理）是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有：Vuex、Redux、MobX 等。
微信小程序使用npm支持踩坑
10-17
小程序的构建打包有两种方式：对于小程序npm包，会直接拷贝所有文件到miniprogram_npm；而对于其他npm包，则仅打包入口js文件及其依赖。 在查阅了小程序文档后，作者发现需要手动处理moment的中文语言环境包。...
微信小程序 -- npm 支持
每天都要努力学习哦~~
02-21 2174
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
小程序商城完整安装包.rar
04-14
小程序商城完整安装包
微信小程序npm安装，保姆级图文教程，步骤齐全
qq_66364610的博客
07-15 4421
Ps:项目名字不能有中文，如果有中文的话输入英文，然后一直回车看到看到Is this OK？如果没有中文同理一直回车就好。然后看到生成了一个package.json的文件。然后点击工具-->构建npm，即完成。
微信小程序 使用npm包
qq_36158551的博客
02-04 1709
van-button type="primary">按钮</van-button>
微信小程序使用npm安装package
thothsun 的博客
08-07 5272
1.在小程序项目中的某个目录下面新建文件夹：node_modules（小程序官方没有强制要求 node_modules 必须在小程序根目录下（即 project.config.js 中的 miniprogramRoot 字段），也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外。） 2.终端进入到node_modules文件夹所在的目录，（不是node...
小程序构建npm
alonia的博客
05-23 747
1 在小程序根目录中 使用 npm init 然后会有package.json 2.在根目录安装一个组件 如cnpm i miniprogram-datepicker -S --production 此时 生成node_modules目录 里面有安装的组件 4.点击工具-》构建npm此时会生成一个miniprogram_npm 5 构建成功 ...
微信小程序构建npm
xxs18326183038的博客
08-20 758
微信小程序构建npm
微信小程序安装npm
10-17
微信小程序安装npm的步骤如下： 1. 在小程序项目根目录下打开命令行工具，输入命令：`npm init`，生成 package.json 文件。 2. 安装需要的 npm 包，例如：`npm install moment --save`，安装 moment.js 库。 3. 在小...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值