App.views.main.router.navigate('')

Questions
1

Hi All,

I am redirecting the URL after login but facing some issue.

Here is my code

Login page (path: main/src/page/login.jsx)
Router (path: main/js/router.js)

Login page

<ListButton fill round color="white" className="btn" onClick={this.signIn.bind(this)}>Sign In</ListButton>

signIn() {
    const self = this;
    const app = self.$f7;
    app.views.main.router.navigate('/stockMain/');
}

Router

import StockMainPage from ‘…/pages/stockMain.jsx’;

var routes = [{
    {
        path: '/stockMain/',
        component: StockMainPage,

    },
]

Getting an error

image
image.png1002×149 7.26 KB

Is there any fix or any suggestion?
Thanks

2

Do you have main view?

3

Thanks Shastox,

After installing jQuery, the issue has been resolved.

Also added below code inside the app.js file.

import jQuery from ‘jquery’;
window.jQuery = jQuery;
window.$ = jQuery;

I have also added routes in login.jsx file.

constructor(props) {
    super(props);

    this.state = {
        routes: routes
    };
}

Thank you so much for the reply and support.