Giter Site home page Giter Site logo

Blank page after installation about benotes HOT 19 CLOSED

EmanDS avatar EmanDS commented on May 30, 2024
Blank page after installation

from benotes.

Comments (19)

EmanDS avatar EmanDS commented on May 30, 2024 1

What I can see that is wrong from the source code of the index page are the links starting with "/" like href="/manifest.json" which should be href="benotes/public/manifest.json". But I do not know where to fix this...
<!doctype html>

  |
  |
  |
  |
  |
  | <title>Benotes</title>
  |
  |
  |
  |
  |
  |
  |


  |

  |
  |

  |

  | <script src="/js/app.js"></script>
  |
  |

<!doctype html>

<title>Benotes</title>
<script src="[/js/app.js](https://emmanuel-dossantos.fr/js/app.js)"></script>

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

Hi,

did you follow one of the installation guides ?

How/where did you install it (e.g. local, Heroku, Docker, docker-compose, ...) ?

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

Hi,

Thanks for your answer.
I tried Classic and Docker.

Perhaps I did something wrong ?

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

This week I'm currently not able to test it out myself because I have no computer with me, but it think it should work.

So let's try the classical method:
One more question, which operation system are you using and which webserver ?

Usually if something doesn't work the best bet is to have a look at the logs.
So try to check if your webserver's logs (depending on your system it could be stored in /var/log/apache2/error.log or /var/log/nginx/error.log or something similar) contain anything useful that you could tell/write me.
Otherwise check if the application's log contains anything, stored in .../storage/logs/lumen-2022-08-11.log

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

Thanks, I had a look to the logs but could not find anything.
I am going to install it again and see

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

I have installed again following the classical method on php 7.4 and php 8.0.2 still the same issue.
I am on production server CentOS 8, everything goes well but when at the end I go to the url of the installation (https://emmanuel-dossantos.fr/benotes/public/) I am getting a blank page.
My php settings https://emmanuel-dossantos.fr/benotes/info.php.
I could not find any log reporting an issue.
Thanks

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

First of all, I'm pretty sure (but can't promise it right now) that composer install should complain when you try to install it with php8.
Do you use the same php version for php-cli ?
Try to use for both of them php7.4 (You can still use newer php versions for other projects side by side.)

Regarding your blank page problem you're probably right that the cause of it is the (relative) root path. This is a common issue.
Usually you would use for every project a domain or subdomain instead of a subdirectory, but it's possible.
In order to help you I need to know which webserver are you using ? Apache or Nginx or ... ?

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

No complaints at all when installing with php8 but I can use php 7.4 as well.
My server is running apache

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

If I install it in the root path of the server instead of /subdirectory it works like a charm even with php 8. But I would like to use it in a /subdirectory...

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

I'm still surprised that php-cli8.0 works but all the better.

I thought about it and it might not be possible at the moment to make it work in a subdirectory. (Like I said, I can't test it myself this week.)

You can redirect with Apache /benotes/public to /benotes, but that won't solve the problem really.

Don't you have the option to use a subdomain ? (Or you could use an alternative port.)

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

Thank you very much !

I'm sorry that I wasn't able to help you making it work in a subdirectory.

Have a nice weekend aswell :)

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

That is very nice to say from you.

I am sometimes thinking about adding files aswell but I would probably have to change the "create" design in order to support different types without being to confusing or hidden.

The application is basically split into an SPA(single-page-application - so yes it is only a single js file) as frontend and a backend that can communicate via a Rest Api with the former.

Perhaps one solution for you might be to include that Rest Api in your own application.

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

from benotes.

EmanDS avatar EmanDS commented on May 30, 2024

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

Hi again,

no need to apologize, I should have included instructions for development anyways.

No matter what you do with the entire resources/js folder there won't be any changes made unless you rebuild the SPA part of the application, which refreshes the famous (public)/js/app.js

In order to apply any changes you need to:

  • install nodejs and npm - if you haven't
  • npm install (install javascript dependencies)
  • npm run prod (to build the frontend) or npm run watch (to build the frontend on the fly while you make changes)

from benotes.

RomualdYT avatar RomualdYT commented on May 30, 2024

Hello, I do have the same problem on a subdomain. Same errors, same tries with 7.4 (CLI too)
Any ideas ? :( @fr0tt
(I made a topic on reddit : https://www.reddit.com/r/benotes/comments/15vz0dm/blank_page_after_installation/) :) !

from benotes.

fr0tt avatar fr0tt commented on May 30, 2024

Then I'm going to answer you on Reddit

from benotes.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.