GertTimmerman's avatar

[mix] Got error with Stylus/Lost Grid

I have a quite simple laravel mix setup, with a simple stylus file:

My webpack.mix.js:

let mix = require('laravel-mix');
let postStylus = require('poststylus'); 

mix.js('resources/assets/js/app.js', 'public/js');

mix.stylus('resources/assets/stylus/main.styl', 'public/css', {
    use: [
        postStylus(['lost', 'postcss-position'])
    ] 
});

My main.style:

@lost flexbox flex

.wrapper
    display: flex
    justify-content: space-between

.gridColumn
    lost-column: 1/1

When i run npm run watch i get the following error

Module build failed: ModuleBuildError: Module build failed: ParseError: /**********/resources/assets/stylus/main.styl:8:21
   4|   display: flex
   5|   justify-content: space-between
   6|
   7| .gridColumn
   8|     lost-column: 1/1
--------------------------^

expected "indent", got "eos"

I have another project with laravel-mix, stylus and lost grid and there it works, i have copied the code of that project but i wont will work. Anyone suggestions?

0 likes
0 replies

Please or to participate in this conversation.