興致勃勃在uni-app項目引入調試工具vconsole.js結果真機調試頁面空白 怎么辦?! 別著急 paradox老師有方法
替代插件下載地址：直接下載插件并引入HbuilderXuni_modules插件 - 類Vconsole APP端調試工具 - HF調試器 - DCloud 插件市場
?下載完成在main.js中引入：
// main.js 文件示例/* 注意當前是 0.0.2rc 及以上版本的設置不再是直接引用就可以還需要 new 成一個實例*/import App from './App'import {HFdebugging} from '@/uni_modules/HF-HF_debugging/common/next.js'// #ifndef VUE3import Vue from 'vue'Vue.config.productionTip = falseApp.mpType = 'app'const app = new Vue({...App})app.$mount()new HFdebugging()// #endif// #ifdef VUE3import { createSSRApp } from 'vue'export function createApp() {const app = createSSRApp(App)new HFdebugging({app});return {app}}// #endif在pages.json中添加：
// pages.json 添加如下頁面信息"pages":[// ...{"path": "uni_modules/HF-HF_debugging/pages/next/next","style": {"navigationStyle": "custom","backgroundColor": "transparent","app-plus": {"animationType": "slide-in-bottom","background": "transparent","popGesture": "none"}}},]然后打開瀏覽器就可以咯
打包更新后 真機調試：
