javascript - Flow react native导入图片报错cannot resolve module RelativeImageStub

Question

我是 flow 的新手，我在 react-native 中导入图像时遇到了 flow 错误:

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

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

我收到这个错误:

"cannot resolve module RelativeImageStub"

这是我的流程配置，其中有 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'