Flow Modul nicht mit .scss Datei

Question

Ich habe eine Datei mit SCSS mit CSS-Modulen wie so gefunden Required Module Not Found

In meinem .flowconfig ich habe

[ignore] 
.*/node_modules/fbjs/.* 
.*/app/main.js 
.*/app/dist/.* 
.*/release/.* 
.*/git/.* 

[include] 

[libs] 

[options] 
esproposal.class_static_fields=enable 
esproposal.class_instance_fields=enable 
esproposal.export_star_as=enable 
module.name_mapper.extension='css' -> '<PROJECT_ROOT>/flow/CSSModule.js.flow' 
module.name_mapper.extension='styl' -> '<PROJECT_ROOT>/flow/CSSModule.js.flow' 
module.name_mapper.extension='png' -> '<PROJECT_ROOT>/flow/WebpackAsset.js.flow' 
module.name_mapper.extension='jpg' -> '<PROJECT_ROOT>/flow/WebpackAsset.js.flow' 
suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe 
suppress_comment=\\(.\\|\n\\)*\\$FlowIssue 

ich auch https://github.com/facebook/flow/issues/338 gesehen habe, aber es ist nicht wirklich eine Lösung hat.

Hat jemand einen Workaround für dieses Problem gefunden?

Answer 1

Dieser Fehler kann behoben werden, indem .scss-Dateien einem leeren Modul zugewiesen werden. Ich NPM nur leer installiert und hat dieses Bild mit dem .flowconfig: module.name_mapper.extension='scss' -> 'empty/object'

Answer 2

Eine bessere Lösung für diesen Fehler ist das css-modules-flow-types webpack Plugin verwenden, um Bewegungsarten für Ihre CSS-Module zu erzeugen.

Fluss nicht weiß, über die scss Erweiterung, so müssen Sie die folgende auf Ihre .flowconfig im [options] Abschnitt hinzuzufügen:

; Extensions 
module.file_ext=.js 
module.file_ext=.jsx 
module.file_ext=.json 
module.file_ext=.css 
module.file_ext=.scss 

Sie auch *.scss.flow zu Ihrem .gitignore hinzufügen sollten. Diese Dateien sollten nicht eingecheckt werden, da sie während des Webpack-Builds automatisch generiert werden.