一,装置运行环境
1. 下载 node.js
node.js 下载链接 node.js
请下载长期反对版。
2. 装置 node.js
装置教程百度可查这里就不具体阐明了,装置教程地址链接
3. 验证 node 是否装置胜利
关上 cmd 执行 npm -v 和 node -v 看是否呈现以后装置的版本号
二,运行我的项目筹备
1. 装置我的项目依赖
关上你我的项目的根目录执行 npm install 下载我的项目对应的依赖包
上面这种就是在下载我的项目所要用到的依赖包,
这是依赖下载胜利的图片
2. 运行我的项目(h5)
同样在你的我的项目根目录下执行 npm run serve 命令
下图就是运行胜利的图片后果,间接在你的浏览器中关上拜访上面的地址即可。(通常拜访地址都是 htttp://localhost:+ 端口号)
而下图有指向 h5 目录是因为批改了我的项目外面的 h5 指向门路,具体如何批改请仔细阅读 uniapp 官网文档
链接
3. 运行我的项目(微信小程序)
1. 请先下载 hbuildx 开发工具
下载地址链接
2. 运行我的项目到微信小程序
将我的项目导入到 hbuildx 开发工具中,点击运行,抉择运行到小程序模拟器。
留神(要先保障,本地有下载微信开发者工具,下载地址链接,请下载稳定版)
微信开发者工具须要要登录
3. 运行胜利(微信小程序)
hbuildx 编译胜利会主动关上微信开发者工具,运行我的项目。
三,常见问题
1. 下载依赖报错 (node-sass 报错)
1. 解决办法
删除原来下载的 node-sass 包
npm uninstall node-sass
从新执行下载安装命令
npm install node-sass
2. 从新下载还是不行,就查看一下本人装置的 node 版本,是不是版本太低导致
重新安装 node.js 下载安装链接都在文章里,请仔细阅读。
2. 装置依赖缺失
相似上面的报错通常都是依赖文件没有装置全导致
Cannot find module ‘@dcloudio/uni-migration’。
请执行 npm install @dcloudio/uni-migration -s (留神这里只是举例说明,缺失哪个包就装置哪个)
3. 编译微信小程序运行到开发者工具报错
1. 请查看微信开发者工具服务端口是否开启
2. 查看该开发者工具登录账号是否有对应小程序的开发者权限
3. 编译过程中提醒 Browserslist: caniuse-lite is outdated. Please run next command npm update
这个可疏忽,倡议不执行(当然 uniapp 官网版本更新稳固,执行下载没问题)
4. 打包成 app 报错
将这块内容正文,就不会打包失败。
(随着 uniapp 版本更新这个问题也不会呈现)
结束语
此文档仅用来解决一下常见问题,更多问题请查阅 uniapp 官网文档链接