Uncaught TypeError: Cannot set property 'f7View' of undefined

Hello, I know someone has made a similar issue but that issue thread had no helpful information.

I get this in the console of Google Chrome

Uncaught TypeError: Cannot set property ‘f7View’ of undefined framework7.js:247

My App’s JS

// Init App
var myApp = new Framework7({
    modalTitle: 'My Cool App',
    // Enable Material theme
    material: true,
});

// Expose Internal DOM library
var $$ = Dom7;

// Add main view
var mainView = myApp.addView('.view-main', {
});


var view1 = myApp.addView('#view-1');
var view2 = myApp.addView('#view-2');
var view3 = myApp.addView('#view-3');

// Add another view, which is in right panel
var rightView = myApp.addView('.view-right', {
});

If anyone has a solution then please share below

[pdbradley]

@Neville2312 I don’t know if you figured this out, but in my case, it was simply that I was including the Framework7 javascript before the DOM. I’m using Rails–in my main layout, just by including the javascript at the end (just before the closing body tag), it solved the problem. I spent about four hours puzzling this out. sigh.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.