flowtype – 导入CSS文件时“未找到所需模块”

前端之家收集整理的这篇文章主要介绍了flowtype – 导入CSS文件时“未找到所需模块”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我尝试通过webpack导入CSS(import(./index.css))时,我收到此错误
3: import './index.css';
          ^^^^^^^^^^^^^ ./index.css. required module not found

我有一个类似ComponentName→(index.js,index.css)的结构,因此每个组件都包含所有依赖项。

我试过this黑客,但它对我不起作用。我能以某种方式忽略它吗?

解决方法

将其添加到您的流配置中
[options]
module.name_mapper.extension='css' -> '<PROJECT_ROOT>/CSSModuleStub.js'

添加创建一个文件到您的根CSSModuleStub.js:

// @flow
type CSSModule = { [key: string]: string }
const emptyCSSModule: CSSModule = {}
export default emptyCSSModule

如果你想要干净的路径,你可以像这样调整

[options]
module.name_mapper.extension='css' -> '<PROJECT_ROOT>/flow/stub/css-modules.js'

因此将CSSModuleStub.js重命名为flow / stub / css-modules.js。

虽然我们在这里,如果你需要一些其他的存根(例如:for url-loader),这是另一个例子

创建flow / stub / url-loader.js

// @flow
const s: string = ""
export default s

添加

module.name_mapper='.*\.\(svg\|png\|jpg\|gif\)$' -> '<PROJECT_ROOT>/flow/stub/url-loader.js'

如果你使用url-loader为svg,png,jpg和gif。这将允许Flow进行正确的模块替换(url-loader返回一个字符串(base64或文件加载器路径)。

例如,如果你这样做

import logoSVG from "./logo.png"
logoSVG.blah.stuff() // <-- flow will throw here

流将引发错误

猜你在找的CSS相关文章