sass - .scss 文件未找到流模块

Question

我有一个使用带有 css-modules 的 scss 的文件，如下所示:
import styles from './Login.scss';
webpack 构建工作正常，但出现流程错误:Required Module Not Found
在我的 .flowconfig 我有

[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

我也看过 https://github.com/facebook/flow/issues/338但它并没有真正的解决方案。

有没有人找到解决这个问题的方法？

Answer 1

此错误的更好解决方案是使用 css-modules-flow-types webpack 插件为你的 CSS 模块生成流类型。

Flow 不知道 scss扩展名，因此您需要将以下内容添加到您的 .flowconfig ，在 [options]部分:

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

您还应该添加 *.scss.flow给您的 .gitignore .这些文件不应该被 checkin ，因为它们是在 webpack 构建期间自动生成的。