xiaoli/peixue-dev

Fork 0

xiaojiang dedaf98ea2 初始化项目：上传完整代码

2026-02-28 17:26:03 +08:00

5.8 KiB

Raw Blame History

服务反馈功能调试指南

创建时间：2026-01-22

一、问题现象

点击"服务反馈"菜单后：

页面空白
没有调用接口
Network面板没有请求记录

二、可能的原因

2.1 文件未编译

原因：uniapp需要重新编译才能生效

解决方案：

停止当前的编译进程
重新运行编译命令

cd uniapp
npm run dev:mp-weixin

2.2 路由配置问题

检查：确认pages.json中的配置正确

{
  "root": "user-package",
  "pages": [
    {
      "path": "pages/feedback/list",
      "style": {
        "navigationBarTitleText": "服务反馈",
        "enablePullDownRefresh": true
      }
    }
  ]
}

2.3 文件路径问题

检查：确认文件存在于正确的位置

uniapp/
├── src/
│   └── user-package/
│       └── pages/
│           └── feedback/
│               └── list.vue  ✅ 必须存在
└── user-package/
    └── pages/
        └── feedback/
            └── list.vue  ✅ 编译后生成

三、调试步骤

3.1 检查文件是否存在

# 检查源文件
ls uniapp/src/user-package/pages/feedback/list.vue

# 检查编译后的文件
ls uniapp/user-package/pages/feedback/list.vue

3.2 检查控制台日志

在微信开发者工具中：

打开"调试器"
查看Console面板
查找以下日志：
- 初始化parentId: xxx
- 开始加载反馈列表，parentId: xxx
- 接口返回: {...}

3.3 检查Network请求

在微信开发者工具中：

打开"调试器"
切换到"Network"面板
点击"服务反馈"菜单
查看是否有请求发出

预期请求：

GET http://192.168.1.50:8080/api/feedback/parent/list?parentId=1&page=1&size=10

3.4 检查后端服务

# 检查后端是否启动
curl http://192.168.1.50:8080/api/feedback/parent/list?parentId=1&page=1&size=10

预期响应：

{
  "code": 200,
  "data": {
    "records": [...],
    "total": 2,
    "pages": 1
  }
}

四、修复方案

4.1 重新编译项目

# 1. 停止当前编译（Ctrl+C）

# 2. 清理编译缓存
cd uniapp
rm -rf dist
rm -rf node_modules/.cache

# 3. 重新编译
npm run dev:mp-weixin

4.2 强制刷新微信开发者工具

在微信开发者工具中点击"编译"按钮
或者按快捷键：Ctrl+B（Windows）/ Cmd+B（Mac）

4.3 检查request导入

确认list.vue中的import语句正确：

import request from '@/utils/request'

如果报错，尝试修改为：

import request from '../../utils/request'

4.4 添加调试日志

在list.vue的onLoad方法中添加日志：

onLoad() {
  console.log('=== 服务反馈页面加载 ===')
  console.log('request对象:', request)
  this.initParentId()
  this.loadFeedbackList()
}

五、常见错误

5.1 错误：request is not defined

原因：request未正确导入

解决：

// 检查import语句
import request from '@/utils/request'

// 或者使用相对路径
import request from '../../utils/request'

5.2 错误：Cannot read property 'get' of undefined

原因：request对象为undefined

解决：

检查utils/request.js是否存在
检查export default语句
尝试重新编译

5.3 错误：404 Not Found

原因：后端接口不存在

解决：

检查后端服务是否启动
检查Controller是否创建
检查接口路径是否正确

5.4 页面空白，无任何日志

原因：页面未加载或编译失败

解决：

检查pages.json配置
重新编译项目
检查文件路径

六、验证清单

6.1 文件检查

src/user-package/pages/feedback/list.vue 存在
src/pages.json 中有feedback路由配置
src/utils/request.js 存在且正确导出

6.2 编译检查

运行 npm run dev:mp-weixin 无错误
user-package/pages/feedback/list.vue 编译后存在
微信开发者工具中点击"编译"

6.3 功能检查

点击"服务反馈"菜单能打开页面
页面显示标题"服务反馈"
Console中有日志输出
Network中有接口请求

6.4 后端检查

后端服务已启动
ServiceFeedbackController已创建
service_feedback表已创建
表中有测试数据

七、快速测试命令

# 1. 检查文件
ls -la uniapp/src/user-package/pages/feedback/

# 2. 检查编译后的文件
ls -la uniapp/user-package/pages/feedback/

# 3. 重新编译
cd uniapp
npm run dev:mp-weixin

# 4. 测试后端接口
curl http://192.168.1.50:8080/api/feedback/parent/list?parentId=1&page=1&size=10

# 5. 查看后端日志
tail -f logs/peixue.log

八、如果还是不行

8.1 完全重新创建

# 1. 删除feedback目录
rm -rf uniapp/src/user-package/pages/feedback
rm -rf uniapp/user-package/pages/feedback

# 2. 重新创建目录
mkdir -p uniapp/src/user-package/pages/feedback

# 3. 重新创建list.vue文件（从文档复制）

# 4. 重新编译
cd uniapp
npm run dev:mp-weixin

8.2 检查其他页面是否正常

尝试打开其他user-package中的页面，如：

我的钱包
我的时卡
我的积分

如果其他页面也打不开，说明是user-package的配置问题。

8.3 查看编译错误

在终端中查看编译输出，查找错误信息：

cd uniapp
npm run dev:mp-weixin 2>&1 | grep -i error

九、联系支持

如果以上方法都无法解决，请提供以下信息：

微信开发者工具Console的完整日志
Network面板的截图
编译终端的输出
pages.json中user-package的完整配置

文档版本：v1.0
最后更新：2026-01-22

5.8 KiB Raw Blame History Unescape Escape