processCss file path

[olegakbarov]

Thanks for cool project!

Though config seems straightforward i keep getting same output:

/Users/oleg/code/extreme/node_modules/babel-core/lib/transformation/file/index.js:591
      throw err;
      ^

Error: /Users/oleg/code/extreme/src/server-entry.js: Module '/Users/oleg/code/extreme/src/utils/runtimeStyles.js' does not exist or is not a function.
    at /Users/oleg/code/extreme/node_modules/babel-plugin-css-modules-transform/build/index.js:116:35
    at Array.forEach (native)
    at PluginPass.Program (/Users/oleg/code/extreme/node_modules/babel-plugin-css-modules-transform/build/index.js:77:32)
    at newFn (/Users/oleg/code/extreme/node_modules/babel-traverse/lib/visitors.js:310:19)
    at NodePath._call (/Users/oleg/code/extreme/node_modules/babel-traverse/lib/path/context.js:78:18)
    at NodePath.call (/Users/oleg/code/extreme/node_modules/babel-traverse/lib/path/context.js:49:17)
    at NodePath.visit (/Users/oleg/code/extreme/node_modules/babel-traverse/lib/path/context.js:108:12)
    at TraversalContext.visitQueue (/Users/oleg/code/extreme/node_modules/babel-traverse/lib/context.js:174:16)
    at TraversalContext.visitSingle (/Users/oleg/code/extreme/node_modules/babel-traverse/lib/context.js:124:19)
    at TraversalContext.visit (/Users/oleg/code/extreme/node_modules/babel-traverse/lib/context.js:219:19)

I swear to god i have the this file in proper directory with this content:

module.exports = function runtimeStyles(data, filename) {
  console.log(data, filename);
};

Babel config follows:

{
  "presets": ["es2015", "stage-0", "react"],
  "plugins": [
    ["css-modules-transform", {
      "processCss": "./src/utils/runtimeStyles.js"
    }],
    ["module-alias", [
      { "src": "./src/containers", "expose": "containers" },
      { "src": "./src/components", "expose": "components" },
      { "src": "./src/components/layouts", "expose": "layouts" },
      { "src": "./src/actions", "expose": "actions" },
      { "src": "./src/constants", "expose": "utils" },
      { "src": "./src/utils", "expose": "utils" }
    ]]
  ]
}

Any ideas what might cause this behaviour?

[michalkvasnicak]

Hello, this is weird. I've tried to reproduce this but without luck. What version of babel-plugin-css-modules-transform are you using?

Have you tried to run it without module-alias plugin? Maybe it is the cause of problem.

[olegakbarov]

Yes, that do helped! Thank you! Should have try it by myself though. 😓

[olegakbarov]

Damn it. I forgot, that i monkey-patched the module before dispatching home from work. It doesn't work.

[michalkvasnicak]

Can you try to create clean project just with your src/utils/runtimeStyles.js and css-modules plugin? Something is causing that your file is not loaded or function is not exported. There is a test case for this so I really don't think there is a bug.

[cobacious]

I'm having a similar issue with preprocessCss using v0.1.1 and following babel config:

"babel": {
    "presets": ["es2015", "react"],
    "plugins": [
      "transform-class-properties",
      "transform-decorators-legacy",
      "transform-object-rest-spread",
      ["css-modules-transform", {
          "preprocessCss": "./processScss.js",
          "extensions": [".scss"]
      }]
    ]
  }

[olegakbarov]

I ended up using vanilla require hook. So idk, probably we can close it...

[michalkvasnicak]

I'll take a look on weekend. This is really weird.

@jacobwalton is your error same as mentioned above? Can you attach stack trace please?

[cobacious]

Yes, very similar error:

/Users/jwalton/Sites/which/reviews-and-advice/front-end/node_modules/babel-register/node_modules/babel-core/lib/transformation/file/index.js:614
      throw err;
      ^

Error: /Users/jwalton/Sites/which/reviews-and-advice/front-end/withDom.js: Module '/Users/jwalton/Sites/which/reviews-and-advice/front-end/processScss.js' does not exist or is not a function.
    at /Users/jwalton/Sites/which/reviews-and-advice/front-end/node_modules/babel-plugin-css-modules-transform/build/index.js:116:35
    at Array.forEach (native)
    at PluginPass.Program (/Users/jwalton/Sites/which/reviews-and-advice/front-end/node_modules/babel-plugin-css-modules-transform/build/index.js:77:32)
    at newFn (/Users/jwalton/Sites/which/reviews-and-advice/front-end/node_modules/babel-traverse/lib/visitors.js:310:19)
    at NodePath._call (/Users/jwalton/Sites/which/reviews-and-advice/front-end/node_modules/babel-traverse/lib/path/context.js:78:18)
    at NodePath.call (/Users/jwalton/Sites/which/reviews-and-advice/front-end/n

Contents of processScss.js:

var sass = require('node-sass');

module.exports = function processScss(data) {
  return sass.renderSync({
    data: data
  }).css.toString('utf8');
};

[cobacious]

Thanks for the library btw, and thanks for looking into the issue. 👍

[jonvuri]

Getting exactly the same error with

[
          "css-modules-transform",
          {
            "preprocessCss": "./postcssparser.js",
            "extensions": [".css"]
          }
        ]

and

var postcss = require('postcss')
var parser = require('sugarss')

module.exports = function postcssparser(data, filename) {
  return postcss().process(
    data,
    {
      parser: parser
    }
  ).css
}

[michalkvasnicak]

Hello, I am sorry, really occupied these days. I'll take a look as soon as possible.

[michalkvasnicak]

I tried to reproduce this problem so I made a minimal project in branch require-error-case but I am unable to reproduce this. Could you try this branch please?

Run npm install inside error_case directory and then npm run test.