Flow本机导入映像错误无法解析模块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

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

消除错误的解决方法是创建一个存根。

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

flow-typed create-stub RelativeImageStub@x.x.x