Блог

Вот в чем дело, когда я открыл свой проект react, все изображения перестали появляться, это произошло внезапно, поскольку он работал пару часов назад. Похоже, это проблема с тем, как они импортируются, метод, который я всегда использовал src={require(./Picture)} , я также пробовал, const logo = require('logo') src={logo} и import logo from './logo.png' единственный работающий — последний упомянутый.

При этом каждый Google указывал, что проблема связана с зависимостью под названием webpack, которую я пытался удалить и переустановить, также установив более старую версию, но ничего не получалось.

Есть идеи о том, что могло вызвать это?

Если вы используете create-react-app и require для импорта своих изображений, require возвращает модуль ES вместо строки. Это потому file-loader esModule , что опция in включена по умолчанию.

Просто убедитесь, что вы импортируете свои изображения одним из следующих способов:

 const image = require('../path/to/image.jpg').default;
// OR
import image from '../path/to/image.jpg';
 

Итак

• src={require(./Picture)} должно быть src={require(./Picture).default}
• const logo = require('logo') должно быть const logo = require('logo').default
• import logo from './logo.png' должно просто работать