微信小程序在真机调试上无法弹窗获取信息，但是在编译器里可以正常显示，如何解决？

Question

微信小程序在真机调试上无法弹窗获取信息，但是在编译器里可以正常显示

编译器

真机调试，点击后直接就登录成功了

```c
getLoginUser: function() {
        wx.showLoading({
            title: "正在登录...",
            mask: true
        })
        wx.getUserProfile({
            desc: "获取用户相关信息",
            success: res => {
                if(res.errMsg === "getUserProfile:ok") {
                    let username = res.userInfo.nickName;
                    let headPic = res.userInfo.avatarUrl;
                    wx.login({
                        success: async res => {
                            if (res.errMsg === "login:ok") {
                                // 调用后端接口，验证用户数据
                                const response = await myRequest({
                                    url: api.BASE_URL + "/app/user/wx_login",
                                    method: "POST",
                                    data: {
                                        wxHeadPic: headPic,
                                        wxUsername: username,
                                        code: res.code
                                    }
                                });
                                if(response.data.code === 0) {
                                    Notify({ type: "success", message: response.data.msg, duration: 1000 });
                                    Cache.setCache(getApp().globalData.SESSION_KEY_LOGIN_USER, response.data.data.token, 3600);
                                    this.setData({
                                        userInfo: response.data.data,
                                        editUser: response.data.data,
                                        isLogin: true
                                    });
                                } else {
                                    Notify({ type: "danger", message: response.data.msg, duration: 2000 });
                                }
                            } else {
                                wx.showToast({
                                    icon: "error",
                                    title: "登录失败"
                                });
                            }
                            wx.hideLoading();
                        },
                        fail: res => {
                            wx.showToast({
                                icon: "error",
                                title: "登录失败"
                            });
                            wx.hideLoading();
                        }
                    })
                } else {
                    wx.showToast({
                        icon: "error",
                        title: "获取用户失败"
                    });
                    wx.hideLoading();
                }
            },
            fail: res => {
                wx.showToast({
                    icon: "error",
                    title: "获取用户失败"
                });
                wx.hideLoading();
            }
        })
    },

Answer 1

你可以尝试以下几种解决方法：

1.使用 wx.showToast 或 wx.showModal 替代原生的 JavaScript 弹窗。微信小程序提供了一些原生的弹窗组件，如 showToast（轻提示）和 showModal（模态框），它们能够在真机调试中正常显示信息。

2.在微信小程序开发者工具中进行设置。打开微信小程序开发者工具，在顶部菜单栏选择「详情」，然后在「调试基础库」一栏中，选择一个较低的版本号进行调试，有时候较新的基础库版本可能会导致弹窗无法显示的问题。

3.检查代码逻辑和错误信息。确保没有其他错误或逻辑问题导致弹窗无法正常触发。可以使用 console.log 输出一些调试信息来检查代码是否正确执行。

4.尝试在真机上进行真实用户操作。有时，真机调试中的弹窗显示问题可能只是因为某些限制或限制条件下触发的。可以尝试在真实用户操作中触发弹窗，看是否能够正常显示。