흐름 모듈

Question

난과 같이 CSS-모듈로하는 SCS를 사용하여 파일을 .scss 파일을 찾을 수 없습니다

import styles from './Login.scss';

웹팩 빌드가 잘 작동하지만 난 흐름 오류 받고 있어요 : Required Module Not Found

을 내 .flowconfig에서

나는 또한 https://github.com/facebook/flow/issues/338을 본 적이

[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 

을 가지고 있지만 정말 어떤 해결책을 가지고 있지 않습니다.

누구든지이 문제에 대한 해결책을 찾았습니까?

Answer 1

이 오류는 .scss 파일을 빈 모듈에 할당하여 수정할 수 있습니다. 난 그냥 빈 설치 및 .flowconfig이 추가 NPM : module.name_mapper.extension='scss' -> 'empty/object'

Answer 2

이 오류에 대한 더 나은 솔루션은 CSS 모듈의 흐름 유형을 생성 할 css-modules-flow-types 웹팩 플러그인을 사용하는 것입니다.

흐름은 scss 확장에 대해 알고하지 않습니다, 그래서 당신은 [options] 섹션에서 .flowconfig에 다음을 추가해야

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

당신은 또한 당신의 .gitignore에 *.scss.flow을 추가해야합니다. 이 파일들은 webpack 빌드 중에 자동으로 생성되기 때문에 체크인하지 않아야합니다.