微信小程序中miniprogram_npm文件夹怎么生成的(详解)

1年前作者：蓝胖子的多啦A梦分类：Toy博客阅读(11)违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序中miniprogram_npm文件夹怎么生成的(详解)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

遇到问题

在小程序种引入vant组件，并没有找到目录中有miniprogram_npm文件夹，导致vant没有引入成功，

解决办法

vant引入一半，尝试，

先构建npm，再继续引入vant

果然构建npm后，miniprogram_npm文件夹就生成了，vant也引入成功了
miniprogram_npm,微信小程序,npm,小程序

后边发现

在小程序项目中，miniprogram_npm目录是通过使用npm install命令来生成的。该目录存放了通过npm安装的第三方依赖库。

要升级小程序版本并自动生成miniprogram_npm目录，可以按照以下步骤进行操作：

确保你的小程序项目目录下有一个有效的package.json文件。如果没有，可以通过在项目根目录执行npm init来创建一个新的package.json文件。
.在项目根目录下执行命令npm install，这会根据package.json文件中的依赖列表，将所需的第三方包安装到node_modules目录中。
在小程序开发工具中，点击菜单栏中的“工具”-“构建 npm”，这会自动将node_modules中的依赖复制到小程序根目录下的miniprogram_npm目录中。
确认miniprogram_npm目录已经生成后，你就可以在小程序代码中使用通过npm安装的第三方库了。

tips

请注意，在每次执行npm install后，都需要重新执行一次“构建 npm”的操作，以将最新的依赖复制到miniprogram_npm目录中。文章来源地址https://www.toymoban.com/news/detail-847301.html

到了这里，关于微信小程序中miniprogram_npm文件夹怎么生成的(详解)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

引入小程序组件库 WeUI 报错 error: module “miniprogram_npm/weui-miniprogram/_commons/0.js“ is not defined
如果有类似报错，并且package.json已经有\\\"weui-miniprogram\\\" 依赖了那就先删除了node_modules 跟 miniprogram_npm 两个文件夹（有就删除，没有也一样是按照下面的步骤），执行以下几步：打开终端构建 miniprogram_npm 文件夹 miniprogram_npm是基于node_modules文件夹构建的，确保先执行上面的第
2024年02月11日
浏览(42)
微信小程序使用lottie动画（lottie-miniprogram）
注意，想要在小程序中使用lottie动画，需要引入lottie-miniprogram组件，注意主包大小（咱就是主包过大了，c）！！！话不多比，直接开始！第一步：使用npm引入lottie-miniprogram。去项目根目录cmd进命令行，输入神秘口令：第二步：引入完成以后，执行构建代码
2024年03月23日
浏览(10)
微信小程序的全局状态管理 — mobx-miniprogram
在小程序中，常常有些数据需要在几个页面或组件中共享。使用 MobX 来管理小程序的跨页面数据, 其实类似于vuex的store。小程序的 MobX 绑定辅助库。此 behavior 依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。可配合 MobX 的小程序构建版 npm 模块 mobx-miniprogram 使
2024年02月09日
浏览(42)
微信小程序：全局状态管理mobx-miniprogram（类似store）
需求是，每个播放视频的地方都有控制是否静音的按钮，点某一个静音则全局静音。问题：由于我的每个小卡片都是一个组件，本质是每个页面引几次同一个组件，刚开始用的setData，但是这样每个卡片中的数据都是经过深拷贝而独立的，所以点击某个按钮
2024年02月11日
浏览(12)
Jenkins +miniprogram-ci 构建发布、预览微信小程序
要实现这样的效果,需要下面3步： 1.下载 node 依赖包 miniprogram-ci，编写预览和上传功能 2. 登录微信公众平台, 下载项目的privateKey+添加代码上传IP白名单 3. 安装配置 Jenkins Step1 下载 node 依赖包 miniprogram-ci,编写预览和上传功能, 在微信小程序项目下创建package.json，wxC
2024年02月04日
浏览(13)
uniapp使用threejs-miniprogram在微信小程序加载模型
1.通过 npm 安装 2.导入小程序版本的 Three.js并创建一个与 canvas 绑定的 three.js 3.创建渲染器 4.创建场景,创建相机,渲染 5.注册GLTF加载器,加载模型添加到场景 threejs-miniprogram/example/loaders/gltf-loader.js at master · wechat-miniprogram/threejs-miniprogram · GitHub 下载 gltf-loader.js 注册gltf-loader 加
2024年02月08日
浏览(14)
微信小程序WeUI项目weui-miniprogram如何运行起来？
微信小程序WeUI项目weui-miniprogram如何运行起来？解决方法: 1、下载 https://github.com/wechat-miniprogram/weui-miniprogram 2、在项目根目录weui-miniprogram-master执行以下命令安装依赖： npm install 3、继续执行编译命令： npm run dev 生成miniprogram_dist目录如何使用可参考: 微信小程序WeUI项目weui-m
2024年01月20日
浏览(37)
uniapp微信小程序封装网络请求 @escook/request-miniprogram
官网地址：https://www.npmjs.com/package/@escook/request-miniprogram 1、下载依赖 2、引入把下面代码放到 main.js 3、发起请求 4、请求成功可以看到请求成功了，并执行了登入成功的逻辑。每次发起请求后，都要自己写if语句判断请求是否成功，非常麻烦。我们可以修改一下源码解决这个
2024年02月10日
浏览(12)
【微信小程序内嵌H5调用wx.miniProgram.navigateTo跳转无效问题】
之前项目遇到的，各种判断逻辑都走通了，代码走到wx.miniProgram.navigateTo面前了就是跳转不了，试了很多种方法，都怀疑是这个api不适用了，结果一次尝试，发现还是地址的问题。客户给的跳转地址： “pages/check/index/index.html?type=1” 试过但没成功的地址： “/pages/check/index/i
2024年02月16日
浏览(12)
PHP-利用miniprogram-ci工具实现一键上传微信小程序代码
利用miniprogram-ci工具在后台实现一键上传微信小程序代码，避免了微信开发者工具的繁琐。我用的是宝塔，可以直接在宝塔上安装Node.js版本管理器安装在指定文件夹里，这个可以根据项目情况选择。记住路径，后面需要用到。我用的是ThinkPHP6，安装在了extend扩展文件夹里面
2024年04月23日
浏览(5)