SyntaxError: Unexpected token {

[bpnetguy]

With the latest version 4.1.0, I get this error. Is it not compatible with older node versions?

[1] /mnt/workspace/XXXXX/node_modules/css-modules-require-hook/lib/index.js:3
[1] const {assign, identity, negate, camelCase: camelCaseFunc, mapKeys} = require('lodash');
[1] ^
[1]
[1] SyntaxError: Unexpected token {
[1] at exports.runInThisContext (vm.js:53:16)
[1] at Module._compile (module.js:374:25)
[1] at Module._extensions..js (module.js:417:10)
[1] at Object.require.extensions.(anonymous function) [as .js] (/mnt/workspace/XXXXX/node_modules/babel-register/lib/node.js:152:7)
[1] at Module.load (module.js:344:32)
[1] at Function.Module._load (module.js:301:12)
[1] at Module.require (module.js:354:17)
[1] at require (internal/module.js:12:17)
[1] at Plugin.manipulateOptions (/mnt/workspace/XXXXX/node_modules/babel-plugin-css-modules-transform/build/index.js:150:13)
[1] at File.buildPluginsForOptions (/mnt/workspace/XXXXX/node_modules/babel-core/lib/transformation/file/index.js:280:16)
[1] scripts/start_prod.sh integration exited with code 0

[mightyaleksey]

Actually should, but looks like it was a hasty release :)

I noticed, that you use the babel-plugin-css-modules-transform. Can you show me the your setup?

[mightyaleksey]

I marked the 4.1.0 version with beta tag and moved latest to 4.0.6 to make some investigation. So hopefully it won't break the existing builds

[bpnetguy]

@sullenor - this error get thrown in the server. It's almost as if babel isn't transpiling ES2015 code. my webpack configuration, assumes anything in node_modules is already transpiled. So natively node 4.1.0 doesn't support destructuring which is this line right here const {assign, identity, negate, camelCase: camelCaseFunc, mapKeys} = require('lodash');

I think before you package it, you should transpile it.

[bpnetguy]

[mightyaleksey]

Hi, I published version 4.2.1 with updates. Hope will solve your issue.

[pascalduez]

Hi,

noticed the same thing after an upgrade of css-modules-require-hook to 4.2.1, I have several components with no styles anymore: var styles = {}; in compiled code.

I use babel-plugin-css-modules-transform.

downgrading to 4.0.6 all fine again.

My setup is very close to https://github.com/pascalduez/react-module-boilerplate/blob/master/babel.config.js

I will try to reproduce in this repo.

I'm pretty sure all the impacted styles uses compose with external files: composes foo from '../Foo.css';
Something to do with the recent postcss-modules-resolve-imports update?

[mightyaleksey]

Hi, thank you for the feedback. I'll try to look in to it.

In the recent update I replaced parser plugin with the postcss-modules-resolve-imports to simplify the composition handling and provide some possibilities for resolving modules in future.

[pascalduez]

The recent updates are breaking our build/libs one after the other, since it's in the same semver range.

Now on some libs we have composes errors like:

Error: composition is only allowed when selector is single :local class name not in "
15:45:33 :local(.foobar)"

Where the actual code is just .foobar.