一、前言

由于想要把之前完成的微信小程序项目转换成uniapp项目,这样的话之后可以编译成其他平台的小程序、网页、安卓、IOS,所以开始了我的踩坑之旅。

PS:安卓和IOS还是算了,主要弄其他小程序可以省很多功夫,但是各个平台不一样有的还是要自己来做,但是会省不少力气

二、转换方式

查看uniapp官方文档知道有工具可以转换,安装工具有两种方式,一种是装npm全局库、另一种是装HBuilderX插件,由于之前装hexo博客时装过node,这里直接选择npm安装库;

工具使用指南:https://ask.dcloud.net.cn/article/36037 (用于各种小程序项目转换为uni-app项目)

npm install miniprogram-to-uniapp -g

在这里插入图片描述

wtu -i "D:\WorkSpaces\AllProjects\美容预约项目\miniCode"

在这里插入图片描述

三、后语

将转换完成的项目导入到HBuilder X中进行编译运行无误!nice

四、其他:node报错

图片
图片来源于网络自己的报错没截图但是和这个是一样的,好嘛一段时间没有用node了装个库给我来这个;
看报错意思是权限不够?于是我换成管理员模式尝试了一下,果然OK了!那之后每次都不能用管理员模式吧!网上搜了各种各样的文章操作花了N久没搞定,最后烦了直接卸载干净重装了;

1、包默认C盘存放,而不是安装目录E盘

以前默认C:\Users\用户名\AppData\Local\npm-cacheC:\Users\用户名\AppData\Roaming\npm存放;
现在改为E:\SoftTwo\nodejs\node_cacheE:\SoftTwo\nodejs\node_global

很多教程使用npm config set cache等设置,这样会在C:\Users\用户名的目录下产生一个文件.npmrc记录这些,还有就是命令设置npm淘宝源也会记录在这个文件;其实直接到安装目录下的文件中修改即可;
在这里插入图片描述
你的安装目录下的node_modules下的npm目录中的npmrc文件修改如下直接搞定!

prefix=E:\SoftTwo\nodejs\node_global
cache=E:\SoftTwo\nodejs\node_cache
registry=https://registry.npm.taobao.org/

用命令npm config ls查看配置完成无误如下图
在这里插入图片描述

2、正确的环境变量添加

在这里插入图片描述
安装完node后会自动在系统环境变量加上如上图,而我们更改node库存放位置自己需要添加环境变量如下
在这里插入图片描述
然后在用户变量的path中添加如下路径即可!
在这里插入图片描述

3、npm install 命令报错

使用npm init 初始化一下即可

4、npm install -g express报错没有权限

可以管理员模式安装,但是也可以一劳永逸,给我们自己添加的存放库的两个文件node_cache和node_global对应的完全控制权限即可;
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐