Problem with the pageloader extension with laravel-mix

[aocneanu]

Hi,

When I do npm run dev with the pageloader extension enabled I get the following error:

resolve-url-loader cannot operate: CSS error
  /Users/user/code/project/resources/assets/sass/app.scss:11014:3: @keyframes missing '}'
  at error (/Users/user/code/project/node_modules/css/lib/parse/index.js:62:15)

I also opened laravel-frontend-presets/bulma#5

[Wikiki]

Hi @aocneanu,

This extension uses sass and not scss, there is no {} used in its code. I think you should see with laravel-frontend-presets project.

Regards

[deeshrestha]

@Wikiki I have tested also. Seems like keyframes mixin is causing the problem on laravel-mix (or webpack).

@keyframes missing '}'

any clue?

[aocneanu]

I encountered this without the laravel-bulma preset too.

[Wikiki]

It seems to be linked to webpack.
Sorry I have no clue about it.

[aocneanu]

It's the same problem with the switch extension.

[Wikiki]

Hi @aocneanu,

As I said before, it's related to webpack. And there is no declaration of keyframes within switch extension.

For the pageloader sass, if it really the keyframes mixin declared into the extension I'll need some help because it's passing all my sass compilation tests.

See https://www.sassmeister.com/gist/3fc4416005e2772a6ad243a7c56ec028

[aocneanu]

I just wanted to let you know that switch is affected by this too.

Thanks.

[Wikiki]

Thanks @aocneanu but based on the fact that switch does not use keyframes, are you sure it only appears when you add switch extension to a clean Bulma project ?

[Wikiki]

Thanks to @Grummfy for the fix

[Grummfy]

is it possible to release a new version?

[Wikiki]

I'll do it today.

[Wikiki]

🎉 This issue has been resolved in version 0.2.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀