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