Moved to f7 v5 and panel opens but no content

1

Hi,

I have moved to f7 v5 and panel opens, but with no content:

<f7-app :params="f7params">
        <!-- Left Panel -->
        <f7-panel left reveal theme-dark @panel:opened="testPanel()">
            <f7-page>
                    <f7-block-title>Functionalities</f7-block-title>
                    <f7-list>
                        <f7-list-item link="/controlview/" title="Control View" view="#main-view"
                                      panel-close></f7-list-item>
                        <f7-list-item link="/dayoperation/" title="Day of Operation" view="#main-view"
                                      panel-close></f7-list-item>
                        <f7-list-item link="/departures/" title="Departures" view="#main-view"
                                      panel-close></f7-list-item>
                        <f7-list-item link="/hulltohull/" title="H2H" view="#main-view"
                                      panel-close></f7-list-item>
                        <f7-list-item link="/paxtransfer/" title="PAX Transfer D2D" view="#main-view"
                                      panel-close></f7-list-item>
                        <f7-list-item link="/bagstatus/" title="Get Bag Status" view="#main-view"
                                      panel-close></f7-list-item>
                    </f7-list>
                </f7-page>
        </f7-panel>
....

 <f7-navbar>
                <f7-nav-left>
                    <f7-link icon-ios="f7:apps" icon-md="material:apps"
                             panel-open="left"></f7-link>
                </f7-nav-left>
                <f7-nav-title><f7-link href="/index.html">BagTM Web Application</f7-link></f7-nav-title>
                <f7-nav-right>
                    <f7-link icon-ios="f7:settings_power" icon-md="material:settings"
                             panel-open="right"></f7-link>
                    <f7-link icon-ios="f7:settings_power" icon-md="material:settings"
                             @click="testPanel()"></f7-link>
                </f7-nav-right>
            </f7-navbar>
....

export default {
        data() {
            return {
                // Framework7 parameters here
                f7params: {
                    root: '#app', // App root element
                    view: {
                        pushState: true,
                    },
                    id: 'io.framework7.bagtmapp', // App bundle ID
                    name: 'BagTM Web Application', // App name
                    theme: 'auto', // Automatic theme detection
                    // App routes
                    routes: [],
                },
...

Does anyone know where to begin the analysis? No error on the console.

Best regards

2

Did you try to inspect the code, maybe content is there but not visible?

3

HI,

as far as i got it was a javascript problem…

At least I created the project again based on one example with that project packages and it worked. I haven’t found a place the doumentation where it explains the packages needed.

Best regards