# ask

**Repository Path**: weimomolin/ask

## Basic Information

- **Project Name**: ask
- **Description**: uniapp小程序项目
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-13
- **Last Updated**: 2023-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: uni-app, 混合式开发, 多端开发, 微信小程序

## README

# 基于uniapp的知识社区混合式开发小程序

## 项目技术
```
1、Vue2
2、Uniapp框架
3、uView UI组件
```

## 项目难点
记录项目开发中遇到的问题  

### 1、uView安装环境配置
#### **node.js、sass、sass-loader版本问题**
```
"node.js": "^14.16.0"
"node-sass": "^4.14.1"
"sass-loader": "^7.3.1"
```
#### **PostCSS报错问题**
```
uni-app启动时报错Error: PostCSS plugin autoprefixer 
requires PostCSS 8. Migration guide for end-users:

报错原因：autoprefixer版本过高

解决方案：降低autoprefixer版本

执行：npm i postcss-loader autoprefixer@8.0.0    

```
### 2、uView字体报错问题
> :pushpin: [**uview 的u-icon组件 报错Failed to load local font resource 或Failed to load font**](https://blog.csdn.net/lfeishumomol/article/details/131128450)


### 3、Uniapp基础配置
#### **uni-app应用标识(AppID)配置**   
需要用到Hbuilder编码工具，进行可视化操作(需要有DCloud账号)    
打开文件 **\src\manifest.json** 具体配置如下图：     
![输入图片说明](md%E8%AF%B4%E6%98%8E%E5%9B%BE%E7%89%87/1.png)
****

#### **微信小程序配置**   
主要是配置微信小程序AppID，在此一次性配置后续不用重复输入     
其他按需配置即可   
![输入图片说明](md%E8%AF%B4%E6%98%8E%E5%9B%BE%E7%89%87/2.png)
****

### 4、小程序端用户编辑资料BUG
> 当用户编辑资料**不修改头像**的情况下，不能使用upload请求，否者会报以下错误信息  
````
uploadFile:fail parameter error: parameter.filePat…parameter.name should be String instead of Array；
````
````
解决办法：
    // 将上传信息设置为空字符串
    data.name = ''
    data.filePath = ''
    // 判断是否有文件上传，触发不同的http请求
    if (data.file == null) {
        var result = await uni.$u.http.post('business/profileNotAva', data.params)
    }else{
        var result = await uni.$u.http.upload('business/profile', data)
    }
````
### 5、项目演示（体验版）   
![输入图片说明](md%E8%AF%B4%E6%98%8E%E5%9B%BE%E7%89%87/oAvvB6zhUteakJQNtU5gbGaVW4Tk%20(1).jpg)