Next.js: "flex is not defined" with 2.4.1+

[simakwm]

I'm using global stylesheet and sass.

With 2.4.1 or beta8, my app doesn't build anymore. Fails with:

Module build failed: ReferenceError: /path/to/my/app/styles/index.scss: flex is not defined

[davemcorwin]

I have the same issue, it started in v3 beta7 and looks like it has something to do with stylis. In my case, I have external scss that I am bringing by following the global css example

It looks like stylis is attempting to handle this but it is already handled.

[jaydenseric]

This is likely fixed in Stylis, see https://github.com/thysultan/stylis.js/blob/master/CHANGELOG.md#3015-june-02-2016.

Dont mind the incorrect year of the changelog entry: https://github.com/thysultan/stylis.js/issues/31.

[simakwm]

This is likely fixed in Stylis, see https://github.com/thysultan/stylis.js/blob/master/CHANGELOG.md#3015-june-02-2016.

Confirmed! Thanks.

[ChennyBaBy]

Sorry for the late question, how did you get round this issue with Stylis? I tried doing npm update stylis but it's still not working.

[simakwm]

Update next like "yarn add [email protected]" or "npm install --save [email protected]

[ChennyBaBy]

I ended up doing a shrinkwrap with the stylis version pinned to the latest.

[Cryptic-Mystic]

Not sure if this is an issue for anyone else, but I'm having the error w/ any version past 2.3.1 :/

[bubuzzz]

I am using next 2.4.3. With the example with-global-styles, then it works fine. However, when I add less support, it starts to give this error again

[bubuzzz]

Just saw that the latest 2.4.4 come with the stylis 3.1.5. I don't have the problem anymore. Awesome !!!!