小程序wepy踩坑-Cannot find module 'D:node_modulesnpmbinnpm-cli.js'

小程序wepy踩坑-Cannot find module 'D:node_modulesnpmbinnpm-cli.js',第1张

在搭建小程序wepy开发环境的时候,有时候会遇到一些报错,不过没关系,属含宴于正常现象,稍微耐心一些,百度一下,就可以解决啦。

当在D盘输入命令,全局安装wepy时候。

有时候会报出这样的错误。

但是,同样的命令在c盘根目录下执行,却不会报错

这是个令人脑壳疼的bug,但是对于小婷来说,这两年来的无数bug早已让我心情无法激动,因为总是在一遍遍的尝试,百度之下,找到bug所在,这个也档氏不例外。

解决办法:

在d盘之中输入命令,查看一下npm的版本,果然不出我所料

那就重新在d盘里面安装,其实安装npm在前面的很多文章里面的都已经说过了,三大框架以及node的使用几乎都是差不多的原理

进入D盘(当然可以根据你自己的选择来安装路径)全局安装镜像。由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue.

淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

安装成功之谈蠢银后显示如下

注:出现这个bug的原因,(大部分人可能都不会出现这个报错了)d盘可能已经被我玩坏了,各大框架的环境都安装了一遍,看着各种支撑眼花缭乱,为了省事,现在也删掉啦,等到需要的时候再来。

打开d盘,删除之前安装的wepy相关全局依赖等等

然后再此执行命令

成功在d盘安装全局

总结:出现这样的报错,解决办法两步走,就去删掉多余的,安装没有的部分。

下面是最近了解的,开发者使用较多的核烂雹框架:

1. WePY

WePY属腾讯系,是一款组件化的开发框架,比原生小程序改帆的开发模式更接近于MVVM ,它类Vue的开发风格,让Vue开发者很容易上手。

Github地址: https://github.com/Tencent/wepy

官网地址:https://tencent.github.io/wepy

2. mpvue

mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引历或入了整套 Vue.js 开发体验。

Github:https://github.com/Meituan-Dianping/mpvue

官网:http://mpvue.com/

wepy 小程序的框架,语法和vue很像。

app.wpy 小程序入口 页面配置注册

index.wpy

快速使用:

运行之判扮兆后,项目就会生成一个dist目录

用vscode 打开项目,用微信开发者打开项目中的dist文件夹即可,微信开发者工具中不能识别wpy,再dist文件夹中,会把wpy 文件分拆成wxml、js 、掘租wxss、json 文件

这样就可以使用缺蚂了。具体api看官网即可

.wepyignore文件种写npm run dev 编译到dist文件种过滤得文件


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12523975.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存