Question

我是一个很新的流程，我在使用react-native导入图片时出现流错误：

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

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

我收到此错误：

＆＃34;无法解析模块RelativeImageStub＆＃34;

这是我的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

之所以发生这种情况，是因为没有流程定义文件。

解决错误的方法是create a stub。

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

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

Flow本机导入映像错误无法解析模块RelativeImageStub

2 个答案: