Web Page Rendering After Installation & Installation is Messed Up

[Blaise-93]

Hi there, I had followed the installation guide and its configuration of this your amazing work to be applied to mine in handling my scss project part of my work, however, the webpage it renders from view is really messed up and not standard like the one I build with npm on node.js. I believe my problem is coming from base.html of filename tags href. Pls what will do?

MY BASE_TEMPLATE:

{% load sass_tags %}
{% load static %}
    <link  rel="stylesheet" href="{% sass_src 'assets/bootstrap-v5/scss/main.css' %}" />
    
    <link rel="stylesheet" href="{% sass_src 'assets/bootstrap-v5/assets/css/fontawesome.css' %}" rel="stylesheet" media="screen"/>
    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css"
      rel="stylesheet"
    />
  </head>

My File STructure: --cars ---static ----assets ------bootstrap-v5 --------scss ----------main.scss

[jrief]

you should never access generated '.css' files using sass_src, always reference the source file, for instance {% sass_src 'assets/bootstrap-v5/scss/main.scss' %}.

However, this presumably will not solve your issue. Please check the generated files and look what got wrong during the compilation step. Errors in there are btw. not part of this project and must be reported to the maintainers of libsass.

[Blaise-93]

I think I had figured it out. it's directory-path related errors. Thanks for your help sir.

For further questions as time goes I hope I can call on you for guidance cos this is first time I am building django-scss project.

Chau!