uniapp 鸿蒙,关于前端: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官网文档链接