Laravel css using the elixir function not working properly on xampp

Question

I created a versioned css file using:

elixir(function(mix) {
    mix.sass('demo.scss')
    .version('css/demo.css');
});

the file is under public/build/demo-34f5737738.css, according to the documentation the file should be linked this way:

<link rel="stylesheet" href="{{ elixir("css/demo.css") }}"

however the stylesheet is not being applied when running in Xampp, but it's working when I start a server via command: php artisan serve. Any idea of why this is happening, or does Xampp needs a special setup before working with Laravel. Thanks!

When you inspect element, what is the URL displayed for the css stylesheet? Is it the good one? Is your URL based on a folder, like http://localhost/project/public/ ? The elixir function might apply a /css/demo.css URL and if it is the case, your browser would look in the http://localhost/css folder... — Hammerbot
– Hammerbot, Commented Mar 6, 2016 at 3:00

Alliswell · Accepted Answer · 2016-03-17 17:55:27Z

1

Setting absolute path via asset will solve that issue:

<link rel="stylesheet" href="{{ issue("css/demo.css") }}"

answered Mar 17, 2016 at 17:55

Alliswell

1,59320 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alliswell Over a year ago

@erick.chali glad it helped. I guess, you should set answer as correct, if you think so. That's how things work here)

Collectives™ on Stack Overflow

Laravel css using the elixir function not working properly on xampp

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related