Postcss not working any more in my projects.

Is this a bug report?

Yes, I think so.

Did you try recovering your dependencies?

Yes. I install create-react-app twice with the same result.

Which terms did you search for in User Guide?

I didn’t.

Environment

System: OS: Windows 10 CPU: x64 Intel® Core™ i5-3320M CPU @ 2.60GHz

Binaries: Yarn: 1.7.0 - C:\Users\Hossein\AppData\Roaming\npm\yarn.CMD npm: 5.6.0 - C:\Program Files\nodejs\npm.CMD

Browsers: Edge: 42.17134.1.0 Internet Explorer: 11.0.17134.1 Chrome: 71.0.3578.98

npmPackages: react: ^16.7.0 react-dom: ^16.7.0 react-scripts: 2.1.3

npmGlobalPackages: create-react-app: Not Found

Steps to Reproduce

1. I install create-react-app with npx create-react-app app-name command.
2. Then, run the project with yarn start command.
3. But, postcss not working and my CSS styles are the same like in my styles.css file. I have this problem before and I thought it’s related to my project. So I install it again with the same result.

Expected Behavior

Like your example in this link:

.App {
  display: flex;
  flex-direction: row;
  align-items: center;
}

becomes this:

.App {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

But in my project, I haven’t expected result.

Actual Behavior

This is my code:

And this is my reslut that I expecte something else:

[ghost]

You’re very welcome @hrahimi270! 🎉 If there is any other problem except from the one stated, please mention it so someone can help, otherwise I do believe the issue should be closed so we don’t alert people.

Have fun!

[Timer]

You can customize your target support browsers by adjusting the browserslist key in package.json according to the Browserslist specification.

If you need to support older browsers, you need to define them. Try adding IE9 to the list if you need to support back that far.