ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

uniapp创建微信小程序常见问题

uniapp创建微信小程序常见问题 一、微信小程序启动报错app.js找不到或者app.json文件找不到情况一打包项目的过程中unpackage文件里的app.js或app.json文件失效查看是否还有这两个文件如果没有需要重新打包运行情况二在安装插件时HBuilderX会提示合并点击后运行到微信开发者工具也会提示这些错误原因是合并后HbuilderX并没有重新加载运行该项目导致启动的还是旧项目文件但新项目文件已经更新了两个文件重叠覆盖所以提示该错误。二、xxx.js已被代码以赖分析忽略如下图所示解决方案在HBuilderx中重新运行项目启动微信开发者工具 。三、navigateTo:fail webview count limit exceed如下如所示解决方案将uni.navigateTo改成uni.redirectTo因为路由跳转使用navigateTo会消耗一定的资源在官网中指明了uni.navigateTo页面跳转路径有层级限制不能无限制跳转新页面所以应该用路由重定向来释放资源。uni.navigateTo(OBJECT) | uni-app官网// uni.navigateTo({ // url: /pages/login/login // }) uni.redirectTo({ url: /pages/login/login })四、 VUEX无法使用在新版本Hbuilderx中的main.js文件中使用了条件编译如下所示import App from ./App // #ifndef VUE3 import Vue from vue import ./uni.promisify.adaptor Vue.config.productionTip false App.mpType app const app new Vue({ ...App }) app.$mount() // #endif // #ifdef VUE3 import { createSSRApp } from vue import VueX from vuex import store from ./store export function createApp() { const app createSSRApp(App) app.use(store) return { app } } // #endif其中// #ifndef VUE3指的是如果不是Vue3版本就执行下列代码一直到出现// #endif为止 。这里我使用的是VUE3所以导入VueX需要在// #ifdef VUE3如果是VUE3版本下引入store.index.js文件并全局使用。五、父元素View没有高度在子元素View中设置了宽高但是父元素没有设置会出现父元素的宽高为0的现象一般现在父元素里添加宽高或者外边距来设置。很多时候引入图片就会现出各种样式问题这里就需要设置父元素了。六、从tabbar页面回到登录注册页左上角有个Home图标只需要在登录文件的js代码中添加下面代码即可。onLoad() { uni.hideHomeButton() }七、mp4视频无法播放通过后端接口获取到视频mp4的地址然后使用video标签放入src中直接渲染uniapp在web浏览器打开可以正常播放视频在app真机调试却无法播放 。解决方案在manifest.json文件中找到App模块配置下的VideoPlayer视频播放勾选后重新自定义基座打包即可。一定要重新打包文章解决方案均来自对官方文档的使用和实践uni-app官网
返回列表