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

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

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

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

解决方法

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

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

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

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

@H_404_2@[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

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

添加

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

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

例如,如果你这样做

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

流将引发错误

原文链接:https://www.f2er.com/css/218062.html

猜你在找的CSS相关文章