vue3+vite uni-app 调试模式下调试窗口页面的page 空白的

vue3+vite uni-app 调试模式下调试窗口页面的page 空白的

开发环境 版本号 项目创建方式
HbuilderX 3.8.12

操作步骤：

vue3+vite uniapp 调试模式下,调试窗口页面的page 空白的

预期结果：

能正常的调试

实际结果：

vue3+vite uniapp 调试模式下,调试窗口页面的page 空白的

bug描述：

vue3+vite uniapp 调试模式下,调试窗口页面的page 空白的


更多关于vue3+vite uni-app 调试模式下调试窗口页面的page 空白的的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

vue3+vite uniapp ，我也遇到相同的问题了，页面渲染没有问题，但是调试page下是空白的

更多关于vue3+vite uni-app 调试模式下调试窗口页面的page 空白的的实战教程也可以访问 https://www.itying.com/category-93-b0.html


一样

提供下相关截图。

我的是vue3+vite+ts 的结构就是每次不能调试。只能通过 console.log 来看

我在下面发了截图， 就是不能像vue2 那样能直接查看源代码，打断点来调试

回复 missfei: 我也一样

uniapp+vue3 官方默认模板，调试page下也是空白的，请尽快回复


就是这样的

也遇到 此问题，我是配置source map就有了

针对vue3+vite uni-app调试模式下页面空白的问题，可能是以下几个原因导致的：

  1. 检查vite配置是否正确，确保已包含uni-app插件：
// vite.config.js
import uni from '@dcloudio/vite-plugin-uni'
export default {
  plugins: [uni()]
}
  1. 确保main.js正确挂载了App组件：
import App from './App'
import { createSSRApp } from 'vue'
export function createApp() {
  return createSSRApp(App)
}
回到顶部