Why both extension='scss' and extension='module.scss' not worked?

[feonit]

I did try this options and that not worked but nowhere is it written why.

module.file_ext=.scss
module.file_ext=.scss.module
module.name_mapper.extension='scss' -> '<PROJECT_ROOT>/SCSSModule.js.flow'
module.name_mapper.extension='module.scss' -> '<PROJECT_ROOT>/SCSSModule.js.flow'

I spent a lot of time to understand that what's unnecessary above

I guessed to the working version:

module.file_ext=.scss.module
module.name_mapper.extension='module.scss' -> '<PROJECT_ROOT>/SCSSModule.js.flow'

[villesau]

try this:

module.name_mapper.extension='scss'->'<PROJECT_ROOT>/flowstubs/FlowStub.js.flow'

In our case FlowStub.js.flow is actually an empty file. Also, we do not have any module.file_ext defined. I hope this helps!

[feonit]

Hello, it is not helps)
In addition, in my .flowconfig i have enabled:

[options]
all=true

[PinkaminaDianePie]

if your project use webpack, i suggest to use this loader: https://github.com/skovhus/css-modules-flow-types
it will create flow types from css modules, so you will even get an errors if you import unexisted class! it will help you to write more safe code :)

[feonit]

CRA2 :) without eject

[PinkaminaDianePie]

i use this: https://github.com/timarney/react-app-rewired without eject :)

[pkyeck]

@PinkaminaDianePie could you share you config-overrides?

[PinkaminaDianePie]

@pkyeck in this line:
https://github.com/SphericalWorld/spherical-world/blob/5071cc7cd980e80af0d7296f241b462eda3d2f6a/config-overrides.js#L46
I have no idea if it would help, I didn't work on that project for a year, so no idea if some major change didn't break it :(