HBuild+Mui学习笔记（一）：真机运行提示错误总结

来源：互联网发布：淘宝口令红包怎么抢编辑：程序博客网时间：2024/05/22 11:46

1、问题出处：http://ask.dcloud.net.cn/question/6571

问题标题：Uncaught TypeError: undefined is not a function at js/mui.min.js:6
真机运行提示上面这个错误，但是程序可以正常运行，是个警告吗？

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />    <title></title>    <script src="js/mui.min.js"></script>    <link href="css/mui.min.css" rel="stylesheet"/>    <script type="text/javascript" charset="utf-8">        mui.init();        mui.plusReady()        {            alert("---");        }           function hh()        {            plus.webview.create("http://www.baidu.com").show();        }    </script></head><body>    <h1>    <button class="mui-btn mui-btn-primary" onclick="hh()">Button</button> </h1></body></html>

解决办法：mui.plusReady代码块写错了

mui.plusReady(function(){//业务代码});

2、问题出处：http://ask.dcloud.net.cn/question/6581?notification_id-30889__rf-false__item_id-11044#!answer_11044

问题标题：真机运行提示错误：Cannot call method 'addEventListener' of null at index1.html:25

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />    <title></title>    <script src="js/mui.min.js"></script>    <link href="css/mui.min.css" rel="stylesheet"/>    <script type="text/javascript" charset="utf-8">//----------- 创建子页面：一个index.html和一个main.html  ---------------/* * mui.init({    subpages:[{      url:'main.html',      id:'main.html',      styles:{        top:'45px',//mui标题栏默认高度为45px；        bottom:'0px'//默认为0px，可不定义；      }    }]  }); */   //---------打开新页面-----------------就是这个位置报的错    document.getElementById('main').addEventListener('tap', function() {  //打开main.html页面  mui.openWindow({    url: 'main.html',     id:'main'  });});//------------每次页面重新加载时调用------------     mui.plusReady(function(){            console.log(plus.webview.currentWebview().getTitle());        });        function clickMe()        {            alert(plus.webview.currentWebview().getURL());        }    </script></head><body>    <h1>    <button class="mui-btn mui-btn-primary" onclick="clickMe()">点我</button> </h1><h2>    <button class="mui-btn mui-btn-primary" onclick="location.reload()">刷新</button></h2><h3>    <button id="main" class="mui-btn mui-btn-primary">Tap我</button></h3></body></html>

问题原因：这是因为js加载到 document.getElementById('main').addEventListener这行代码时，下方的dom节点尚未生成，故document.getElementById('main')返回为空；

解决办法：
办法一：放入mui.ready中

mui.ready(function(){    document.getElementById('main').addEventListener('tap', function() {        //打开main.html页面        mui.openWindow({            url: 'main.html',             id:'main'        });    });});

办法二：将如上js代码放到</body>节点之后；

3、问题出处：http://ask.dcloud.net.cn/question/4907

问题标题：预加载页面preload方法经常返回undefined

原因：preload方法调用了createWindow方法，createWindow方法里判断了window.plus准备好没，没有准备好直接返回空了，所以造成了undefined

解决办法：所有涉及5+的代码，都要等待plusReady事件发生后才能使用，因此建议使用如下方式：

mui.plusReady(function(){    var productView = mui.preload({        url: '/pages/weimall/productview.html',        id: '/pages/weimall/productview.html',    });});

0 0