Flow react native 导入图片错误无法解析模块RelativeImageStub

Question

我对流很陌生，在 react-native 中导入图像时出现流错误：

import EditIcon from '../../../../../assets/images/edit-icon.png';

<Image
   style={imageStyle}
   source={EditIcon}
/>

我收到此错误：

“无法解析模块 RelativeImageStub”

这是我的 flowconfig，其中有 RelativeImageStub

module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'

Answer 1

您可以使用扩展匹配器，而不是匹配整个模块名称。

改变：

module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'

到：

module.name_mapper.extension='\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)' -> 'RelativeImageStub'

Answer 2

发生这种情况是因为没有流定义文件。

消除错误的解决方法是创建 stub 。

安装flow-typed （例如npm i -g flow-typed ）后，在项目的根目录中执行以下命令：

flow-typed create-stub RelativeImageStub@xxx