No More Posting New Topics!

BabaYaga

An English verison would be nice!

BabaYaga

@s-molinari okay… but what if I just want my css/app.css folder to be within statics? How could I tell Quasar to look for the app.css file in src/statics/css/app.css instead of just in src/css/app.css ?

BabaYaga

I did a simple rename of the assets folder to _assets and then placed my css folder in there so to access CSS the path is now:

src/_assets/css/app.css

When I run the SSR build command quasar build --mode ssr I get an error saying:

ERROR in ./.quasar/server-entry.js
Module not found: Error: Can't resolve 'src/css/app.css' in 'C:\mywebsite\.quasar'
 @ ./.quasar/server-entry.js 20:0-25
 @ multi ./.quasar/server-entry.js

ERROR in ./.quasar/cient-entry.js
Module not found: Error: Can't resolve 'src/css/app.css' in 'C:\mywebsite\.quasar'
 @ ./.quasar/client-entry.js 19:0-25
 @ multi ./.quasar/client-entry.js

If I go into both files above, correct the error, and then run the build command again the same error occurs because it looks like it recreates the files from scratch and always puts src/css/app.css in instead of src/_assets/css/app.css

Why is it doing this, and what are the rules on the folder names and structure? Am I bound to Quasar’s folder names and structure or can I customise them as I please?

BabaYaga

@s-molinari I don’t understand how to have sections to inject content into which are not header/footer or page content. I understand that a Qpage is the {{{ body }}} part in my example, and I understand you can have a header/footer, but where/how do I insert sections like {{{_sections.pagemeta}}} at the top?

BabaYaga

I started a project using Express and Handlebars and then was encouraged to look at Vue.js and Quasar. I am still at the stage of reading the docs but so far can’t understand how to have layouts, partials and sections in Quasar. I think a partial would be a component, but I’m lost how to have a layout with partials and sections that I can inject content into.

This is what I do using npm express-handlebars in a file called baselayout.hbs:

<!doctype html>
    <html lang="en">
    <head>
        {{> global/headcode }} <!-- partial view with code for the head tag. it has stuff like favicon links --->
        {{{_sections.pagemeta}}} <!-- page specific metadata injected here. this would be meta keywords description etc for a page/view --->
    </head>
    <body>
    <div>
        {{> global/siteheader }} <!--- partial view for the site's header --->
    
        <div id="base-Container">
            <main id="base-Content" role="main">
                {{{ body }}} <!--- a page's main body content goes here --->
            </main>
        </div>
    </div>
    {{> sitefooter }} 
    {{{_sections.pagescripts}}} <!-- section for page-specific scripts injected here --->
    </body>
    </html>

How could I setup something like the above in Quasar that would also work with server-side rendering? I just need a base layout with header/footer components included but also sections into which page-specific content can go.

BabaYaga

@s-molinari What if, in the future, Quasar is replaced by something else? It sounds like your app will be so dependent on it that it would be hard to change if you used Quasar’s own components and CSS. I want to avoid the Bootstrap look where everyone sites basically looks the same.

BabaYaga

An English verison would be nice!

BabaYaga

@rstoenescu that is a dead link for me. get 404 error?

BabaYaga

Why would it return 04/05 if you pass it 05-05? Are you sure you’re passing it 05-05?

BabaYaga

I have an existing site which needs to be rewritten into Node.js using Vue.js and Quasar. I want to start by importing my CSS stylesheet and HTML markup (which includes things like modals) to see the skeleton of the site and then start programming it in JS. If I am not using Quasar’s own CSS and components, is there still any benefit to using Quasar over say Express and Vue?

BabaYaga

I am interested in Quasar to build a web app and mobile app from one codebase… but do the build tools that allow this only work when using Quasar’s components and css?

I have my own unique stylesheet for my web app, and prefer to use my own component for notification bars etc. Can I use my own CSS and code for icons, drawers etc and still compile a mobile app, desktop app etc?

No More Posting New Topics!

BabaYaga

@BabaYaga

Best posts made by BabaYaga

Latest posts made by BabaYaga