uni-app 4.36编译微信小程序skyline存在BUG

发布于 1周前 作者 vueper 来自 Uni-App

uni-app 4.36编译微信小程序skyline存在BUG

操作步骤：

1

预期结果：

能成功编译

实际结果：

无法编译：devtools was disconnected from the page once page is reloaded devtools will automatically reconnect

bug描述：

配置skyline渲染模式，运行到微信模拟器，无限报错：devtools was disconnected from the page once page is reloaded devtools will automatically reconnect
4.29没问题

项目信息 版本/方式
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 Win11 24H2
HBuilderX类型 正式
HBuilderX版本号 4.36
第三方开发者工具版本号 Nightly Build 1.06.2411212
基础库版本号 3.6.6
项目创建方式 HBuilderX

Harmonyos Next教程
3 回复

感谢反馈，提供个复现工程我看看


@DCloud_UNI_OttoJi 复现工程及截图

针对您提到的uni-app 4.36编译微信小程序skyline存在BUG的问题，由于我无法直接访问具体的BUG描述或重现步骤，我将提供一个基础的uni-app编译微信小程序并处理常见编译错误的示例代码和流程。这可以帮助您检查是否是基础配置或代码问题导致的编译失败，或者为进一步的调试提供参考。

1. 确保环境配置正确

首先，确保您的开发环境已经正确安装并配置了uni-app和微信开发者工具。

# 安装HBuilderX（推荐的开发工具）
# 从官网下载安装包并安装

# 确保uni-app CLI已安装（可选，如果使用命令行编译）
npm install -g @dcloudio/uni-cli

2. 创建一个简单的uni-app项目

# 使用HBuilderX创建新项目，或者使用命令行
vue create -p dcloudio/uni-preset-vue my-uni-app
cd my-uni-app

3. 配置manifest.json

在manifest.json中配置微信小程序的相关信息，如appid等。

{
  "mp-weixin": {
    "appid": "your-app-id",
    "setting": {
      "urlCheck": false
    }
  }
}

4. 编写页面代码

在pages/index/index.vue中编写简单页面代码。

<template>
  <view>
    <text>Hello, Uni-app!</text>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style>
/* 添加一些简单样式 */
view {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
</style>

5. 编译并运行

在HBuilderX中，点击“发行”->“小程序-微信”，或者使用命令行：

# 使用uni-app CLI编译
npm run dev:mp-weixin

编译完成后，打开微信开发者工具，导入生成的dist/build/mp-weixin目录，查看是否有编译错误或警告。

6. 调试与错误处理

如果编译失败，检查以下几点：

  • 微信开发者工具的版本是否与uni-app兼容。
  • manifest.json和pages.json中的配置是否正确。
  • 代码中是否有语法错误或不被微信小程序支持的API调用。

如果以上步骤无法解决问题，建议查看uni-app的官方文档或社区论坛，查找是否有其他开发者遇到并解决了类似的问题。

回到顶部