Web Pages are not loading!

Frappe Framework Website
1

When iam trying to open one web page, it is not loading and iam getting a blank page.
But when i refresh that page, page is loading!
But for the first time(open after some time) it is not loading!
Need help!
Thanks in advance.

2

Try this

sudo apt update

bench build --force
3

if you have done/made any changes to docs or css then you need to run the

bench migrate
4

@rs115199789 Thanks for fast reply,In my local web pages are loading ! but, not in server.

5

try the other

bench migrate

6

@rs115199789 ,i tried, but still facing that issue!!

7

Please share the screenshot and elaborate a bit. as you mentioned local pages are loading but the server is not .

Thanks

8

@rs115199789

  1. Web page in server:

    web
    web1775×960 32.1 KB

  2. Web page in my local:

    web1
    web11813×991 61.7 KB

Web page is not loaded in server, but is is loaded properly in my local system.
When i refresh the web page in server, sometimes it is loading and sometimes it is not!

9

Hello,
Can you please share Navbar code and how to create custom navbar template.

10 
<div class="header">
            <div class="header-title">
                <img src="/files/rockwell-logo.png" alt="Company Logo" width="250px" height="200px" style="font-family: Sedan, serif;color: whitesmoke;">
               
            </div>
            <nav>
                <ul class="nav-links">
                    <li><a href="home-page">Home</a></li>
                    <li><a href="dashboards">Dashboards</a></li>
                    <li><a href="#products">Products</a></li>   
                    <li><a href="orders-list">Orders</a></li>
                    <li><a href="create-doctype" style="background-color: black; color: whitesmoke;padding: 12px;border-radius: 5px;height: 50px;margin-left: 5px;"> <span class="material-symbols-outlined" style="font-size: 30px;top: 12;">
                        shopping_cart
                    </span></a></li>
                </ul>
            </nav>      
        </div>

and i added some CSS

11

you facing the issue after adding the css ?

12

Thank you.

13

No,That is working fine in some systems.
but some systems they are not loading properly.

1 Like
15

Here is a basic checklist of things to verify in your code:

// Example code to check for errors in initial data fetching
document.addEventListener("DOMContentLoaded", () => {
    fetchData();
});

async function fetchData() {
    try {
        const response = await fetch('/api/data'); // Replace with your API endpoint
        if (!response.ok) throw new Error('Network response was not ok');
        const data = await response.json();
        renderData(data); // Replace with your data rendering logic
    } catch (error) {
        console.error('There has been a problem with your fetch operation:', error);
    }
}

function renderData(data) {
    // Implement your data rendering logic here
}

By following these steps and checking the relevant parts of your application, you should be able to identify and fix the issue causing the blank page on the first load.

If you provide more details or specific code snippets, I can offer more targeted advice.

Good luck!

Regards
ControlF5

16

@controlf5 Thank you !!

1 Like