微信小程序开发者工具构建npm提示没找到node_modules目录

一、官网给的文档写的不够充分,需要你充分理解npm的使用方法,才能明白的;

二、第一步:先在你电脑上安装npm 参考下面文章

https://www.cnblogs.com/zmdComeOn/p/11543441.html

三、第二步:

1、第一步:打开终端 cd 到项目目录下 输入如下命令npm init 如下图所示

    

   输入命令后一直点回车,如下图:

    

2、第二步:输入如下命令 npm install --production

3、第三步:输入如下命令 npm i vant-weapp -S --production  (此命令为要构建的代码包,如果想构建其他代码包,只需输入其他对应的命令即可)

  如下图里面有的两个包构建的文件 命令分别如下 (npm i miniprogram-sm-crypto --production 和 npm i vant-weapp -S --production)

  

四、还要注意一点就是微信开发者工具要更新到最新版本,不然点击工具没有构建npm这一栏,

执行命令完之后,然后再去微信开发者中点工具-构建npm

  

然后就成功了,如下图:

原文地址:https://www.cnblogs.com/zmdComeOn/p/11548122.html

时间: 2024-07-29 16:41:23

微信小程序开发者工具构建npm提示没找到node_modules目录的相关文章

微信小程序开发者工具构建npm提示没找到node_modules目录(解决方法)

一.官网给的文档写的不够充分,需要你充分理解npm的使用方法,才能明白的: 二.开始步骤: 1.第一步:npm init 2.第二步:npm install --production 3.第三步: npm i vant-weapp -S --production原文:https://blog.csdn.net/zfeng816/article/details/85095885 原文地址:https://www.cnblogs.com/siyecao2010/p/10951477.html

微信小程序开发者工具升级后,控制台WXMLRT_$gwx:./

之前微信小程序开发者工具wx:key="*this"或者写唯一的标识,控制台也没有问题,但是在一两月之前吧,也许很久,发现这个问题了.我就降级开发者工具,避免了此问题. 但是这不是根本解决问题的方法,无奈一直提示我更新版本,我更新后就一直刷刷的报这个问题: 现在写具体修改方法: wx:key="index" 这样既可.[把页面涉及到的wx:for="{{list}}" wx:key="*this"统一修改为 wx:key=&q

解决微信小程序开发者工具输入框焦点问题

Windows10笔记本上运行微信小程序开发者工具,输入框(input,textarea)没有焦点,只能在真机调试,效率太低.后来发现是Window10对笔记本高分屏支持不好,要DPI缩放,导致兼容性问题.解决方法: 显示设置.缩放与布局改为100%.这样就可以点击输入框了,但是字体变得很小,最好是外接显示器. 不修改DPI缩放,长按输入框即可! 原文地址:https://www.cnblogs.com/ycwu314/p/11258489.html

微信小程序开发者工具集合包

开发论坛 http://www.henkuai.com/forum-56-1.html 工具包下载  https://yunpan.cn/ckXFpuzAeVi2s  访问密码 b4cc 开发文档 http://bing.aliaii.com/wxopen/

微信·小程序开发工具安装指南及注意事项

这两天闲来无事,也安装了 “微信折叠”的开发工具来玩一下.以下是一些小道消息及使用体验,过两天我会写一篇文章以开发者的角度来详细评价微信小程序: 微信小程序不能开发游戏类.直播类功能,小程序每个人关注的上限是20个(还不确定,不过我相信这是真的,这次公布的API里并没有视频组件.微信太大,苹果要有所顾忌,但是微信也要做出相应的让步) 微信目前有没有同苹果商谈好,还是个未知数,毕竟会对AppStore有一定的冲击. 抛弃了大量的javascript组件后,这个生态体系变得相当的封闭,微信解释肯定是

微信小程序开发工具测评

1月9日微信小程序正式上线.很多企业都希望能在这个.但是在技术开发的问题上,却不知道该如何下手.经过一些程序员不辞辛苦连夜测试,终于从十余款工具呕心沥血筛选出四款比较靠谱实用的微信小程序开发工具.接下来一起来看看测评吧. 一.微信小程序官方开发工具 注意,它只是个工具,而不是一个IDE.官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发. 优点 因为是官方工具所以有这其它第三方工具有这不可比拟的天然优势,如果不是他代码编辑功能太弱的话. 官方工具,可调试,可预

微信小程序开发工具使用与设计规范(二)

上一篇文章主要分析了微信小程序应用场景和优劣势.本篇你可以学习到: 如何使用小程序开发工具写一个Hello World 微信小程序设计规范 微信小程序项目结构 >>>微信小程序开发工具使用 下载安装小程序 下载 :微信web开发者工具 下载:官方DEMO源码 本系列教程使用的是mac版的开发者工具. 安装完成后,打开微信web开发者工具 1.扫码登录,绑定个人微信 2.扫码登录后,新建或导入已有项目(这里使用官方提供的DEMO源码quickstart) 3.新建项目,导入刚下载的quic

微信小程序开发工具预览蓝屏问题处理过程

I.问题描述 开发工具:微信开发者工具 V1.02.1812271 1.现象描述: (1)编译通过,但在预览上传时突然蓝屏. (2)当小程序代码文件夹中存在较大文件时(大图片.多图片.大的npman类文件,一般超过800K),发生的概率较大,更新软件版本后几乎次次蓝屏. (3)参考开发社区意见,尽量减少文件体积,但是不能从根本上解决问题. 现场触发界面和蓝屏界面如下: II.处理过程 借鉴微信小程序开发者社区的同类问题的答复,有人说这是新版本开发工具的BUG,一开始我信了.但我总不能通过无限制削

5款微信小程序开发工具使用报告,微信官方开发工具还有待提升

微信小程序已经内测有一段时间了,笔者本着好奇加学习的心态写了几个小demo,虽然在MINA框架上并没有遇到太多的坑,但官方开发工具实在不敢恭维. api提示不全,要一个个查api啊,写代码超级慢啊 很多必备的快捷键都没有,比如全选关键字.快速复制一行等等 颜色主题不能选?不喜欢白色风格怎么搞 没有插件 没有插件 没有插件 重要的事情说三遍 无奈笔者走上了尝试各种IDE的旅途,现在说一下笔者对于IDE的需求或者设想: 轻量级:我不喜欢那种类似Eclipse的庞然大物,即使出现类似工具我也不会去使用