Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using imported values inside the create method breaks the Webpack build

See original GitHub issue

Using imported values within the styles object passed to Style9.create() seems to break the Webpack build when using the Style9 Webpack loader.

Steps to reproduce:

Clone this minimal reproduction repo I created: https://github.com/nonAlgebraic/style9-import-bug
Run yarn install
Run yarn build

Expected result

The color value imported from colorValue.js (“blue”) is applied to the <body>.

Actual result

The Webpack build fails with an error:

SyntaxError: unknown: Could not evaluate value
  4 | const styles = style9.create({
  5 |   body: {
> 6 |     color: colorValue,
    |            ^^^^^^^^^^
  7 |   },
  8 | });

Issue Analytics

State:
Created 3 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

johanholmerincommented, Sep 8, 2020

Style values are evaluated using babel’s path.evaluate(), which operates on a single file. In the future this may be expanded, but at the moment this is per design.

0reactions

myamolanecommented, May 28, 2021

@rodrigojcmello could u merge style9’s updates and publish a version?