乐趣区

关于前端:uniapp项目安装运行操作手册

一,装置运行环境

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 官网文档链接

退出移动版