Ошибка потока (cannot-resolve-module) при импорте файла webp в реакцию

Question

Получение сообщения об ошибке потока, когда я импортирую файл изображения webp в свое приложение реакции. Я использую тот же синтаксис для изображения png, которое работает правильно и не может понять, в чем проблема?

(с использованием приложения create-response-app в vscode с потоком v0.129.0)

import test from "./assets/test.png";
import testwebp from "./assets/test.webp";

возвращено сообщение об ошибке: Невозможно разрешить модуль `./assets/test.webp

Есть ли шанс, что кто-то сталкивался с чем-то подобным раньше? Просмотрели другие темы, но не смогли найти решение или ясную причину. А пока буду искать.

Answer 1

Это потому, что поток не понимает, что нужно вернуть из формата webp. Вы можете сказать это, добавив module.name_mapper.extension в конфигурацию вашего потока

https://flow.org/en/docs/config/options/#toc -module-name-mapper-extension-string-string

Вы хотите добавить что-то в разделе [options], как показано ниже, где предположение, что импорт файлов webp возвращает строки.

[options]
module.name_mapper.extension='webp' -> '<PROJECT_ROOT>/flow-mocks/empty-string.js'

Затем вы можете создать файл empty-string.js в flow-mocks

// @flow
export default '';

Теперь, когда вы импортируете файлы webp, поток будет рассматривать их как строку, чтобы вы могли получить правильность, если хотите передать ее, или toLowerCase it, et c.