Getting a strange PostCSS error after updating Meteor

[eybarta]

Hey, thx for your great work.

After updating Meteor to last version + packages..
I'm getting this error running locally which strangely goes away
after I save a file and HR kicks in.. It's more bothersome
because sometimes my deployment breaks because of the same error.

My package.json settings:

"postcss": {
    "plugins": {
      "autoprefixer": {
        "browsers": [
          "last 2 versions"
        ]
      },
      "postcss-responsive-type": {},
      "lost": {}
    }
  }

and I have those libs installed..

Please let me know if you need more information and how to solve this issue.

Thanks again

[mitar]

Same here. I am getting this error on clean install, but not in my existing development environment. I could not yet find a difference.

[mitar]

I think the issue is that this package integrates PostCSS for processing styles inside components. And has a hard-coded set of NPM packages available to that install of PostCSS. And then the issue is that this internal PostCSS is picking external PostCSS configuration, but cannot find a plugin among internal NPM packages.

Probably this could be solved by making PostCSS a peer-dependency?

[mitar]

I made this pull request which addresses this for me: Meteor-Community-Packages/meteor-postcss#32

Then I create .postcssrc.js file in the root of the app with:

module.exports = (ctx) => {
  if (ctx.meteor) {
    const config = {
      plugins: {
        'postcss-easy-import': {},
      },
    };

    if (ctx.env === 'production') {
      // "autoprefixer" is reported to be slow,
      // so we use it only in production.
      config.plugins.autoprefixer = {
        browsers: [
          'last 2 versions',
        ],
      };
    }

    return config;
  }
  else {
    return {};
  }
};

[mitar]

I made #317 to address this.