Dec 9, 2017
0
Level 12
[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?
Please or to participate in this conversation.