Uncaught TypeError: невозможно установить для свойства onclick значение null в OnsenUI

Я разрабатываю гибридное приложение, используя визуальную студию, кордову и структуру onsen-ui, это мой код javascript для навигации по страницам

document.addEventListener('init', function (event) {
    var page = event.target;
        if (page.id === 'index') {
            page.querySelector('#push-button').onclick = function () {
                document.querySelector('#loginNavigator').pushPage('register.html', { data: { title: 'Register Your Profile' } });
            };
            page.querySelector('#forgot-password').onclick = function () {
                document.querySelector('#loginNavigator').pushPage('forgotPassword.html', { data: { title: 'Forgot Password?' } });
            };
        } else if (page.id === 'register') {
            page.querySelector('ons-toolbar .center').innerHTML = page.data.title;
        }
        else if (page.id === 'forgot') {
            page.querySelector('ons-toolbar .center').innerHTML = page.data.title;
        }
        else if (page.id === 'dashboard')
        {
            page.querySelector('#leadPage').onclick = function () {
                document.querySelector('#loginNavigator').pushPage('vendor/leads.html', { data: { title: 'My Leads' } });
            };
        }


});

и если пользователь уже входит в систему и открывает приложение, я использую этот код

function onload()
{
    document.addEventListener("deviceready", onDeviceReady, false);

}
function onDeviceReady() {
    if (localStorage.getItem('login') == 'TRUE') {
        loginNavigator.replacePage('dashboard.html');
        dashboard();
    }
}

и в моем теле я уже использую onload = "onload()", поэтому мой вопрос заключается в том, что после входа в мое приложение страница заменяется на панель инструментов.html, и если на какой-либо странице нет щелчка, эта ошибка отображается для страницы панели инструментов.html, я не не знаю, что я делаю не так, пожалуйста, помогите мне, ошибка

Uncaught TypeError: Cannot set property 'onclick' of null

это моя страница dashboard.html

<ons-page id = "vendorLeads">
    <section class = "bg-dashboard">
        <section class = "width100">
            <div class = "width50 ft-lt" id = "leadPage">

                    <div class = "iconClass">
                        <ons-icon icon = "fa-id-card"></ons-icon>
                    </div>
                    <div class = "textClass">
                        <div class = "text-area">My Leads</div>
                        <div class = "total-value"></div>
                    </div>

            </div>
            <div class = "width50 ft-rt">
                <div class = "iconClass">
                    <ons-icon icon = "fa-address-book"></ons-icon>
                </div>
                <div class = "textClass">
                    <div class = "text-area">Queries</div>
                    <div class = "total-value"></div>
                </div>

            </div>
        </section>
        <section class = "width100">
            <div class = "width50 ft-lt">
                <div class = "iconClass">
                    <ons-icon icon = "fa-envelope"></ons-icon>
                </div>
                <div class = "textClass">
                    <div class = "text-area">Inbox</div>
                    <div class = "total-value">(coming soon)</div>
                </div>
            </div>
            <div class = "width50 ft-rt">
                <div class = "iconClass">
                    <ons-icon icon = "fa-heart"></ons-icon>
                </div>
                <div class = "textClass">
                    <div class = "text-area">Shortlist</div>
                    <div class = "total-value"></div>
                </div>
            </div>
        </section>
        <section class = "width100">
            <div class = "width50 ft-lt">
                <div class = "iconClass">
                    <ons-icon icon = "fa-check"></ons-icon>
                </div>
                <div class = "textClass">
                    <div class = "text-area">Profile Visit</div>
                    <div class = "total-value"></div>
                </div>
            </div>
            <div class = "width50 ft-rt">
                <div class = "iconClass">
                    <ons-icon icon = "fa-paper-plane"></ons-icon>
                </div>
                <div class = "textClass">
                    <div class = "text-area">Contact Click</div>
                    <div class = "total-value"></div>
                </div>
            </div>
        </section>
    </section>
</ons-page>

это моя страница index.html

<body onload = "onload()">
    <ons-navigator swipeable id = "loginNavigator" page = "index.html"></ons-navigator>
    <template id = "index.html">
        <ons-page id = "index">
            <div class = "page no-navbar">
                <div class = "page-content login-cover-width-img">

                    <div class = "padding">

                        <div class = "logo-area">
                            <img src = "images/logowhite3.png" class = "img-logo">

                        </div>

                        <div class = "login-panel">



                            <h5 class = "vedor-heading1">Login to manage your account</h5>
                            <div class = "from-wrapper">
                                <div class = "form-item">
                                    <div class = "form-item-title">

                                    </div>
                                    <div class = "form-item-content">
                                        <input type = "email" placeholder = "username" id = "username"  class = "form-control usericon" required = "required">
                                    </div>
                                </div>
                                <div class = "form-item">
                                    <div class = "form-item-title">

                                    </div>
                                    <div class = "form-item-content">
                                        <input type = "password" placeholder = "Password" id = "password"  class = "form-control passicon" required = "required">
                                    </div>

                                </div>
                            </div>

                            <a id = "login" class = "col button button-fill button-big color-black" onclick = "loginVendor()">Login</a>
                            <div class = "form-item-desc">
                                <a href = "#" id = "forgot-password" class = "forget-password">Forgot password?</a>
                            </div>

                        </div>

                        <div class = "login-footer">

                            <a href = "#" id = "push-button" class = "create-account-button">Create Account</a>
                        </div>

                    </div>
                </div>
            </div>

        </ons-page>
    </template>
    <template id = "invalid.html">
        <ons-dialog id = "invalid">
            <div style = "text-align: center; padding: 10px;">
                <p>
                    Sorry ! Either emaild id or password is incorrect
                </p>
                <p>
                    <ons-button onclick = "hideDialog('invalid')">Close</ons-button>
                </p>
            </div>
        </ons-dialog>
    </template>