Спасибо. А есть ещё какие-то идеи? Просто почему так много мелких картинок, потому что они используются как анимация. Т.е. быстро в цикле перебираются картинки и в результате юзер видит анимацию, хотя то просто картинки сменяют друг друга.
Максим Анциферов, ну получается проект открылся, но крутится спиннер у вкладки в браузере. Если подождать - то может загрузиться, если не повезёт - то просто вкладка зависнет.
Я пробовал уменьшать кол-во картинок - всё ок. В районе 1к картинок всё отрабатывает как и положенно.
Еще можно попробовать грузить картинки батчами
Это как?
Сейчас получается так, что скрипт у вебпака пробегает по папке assets и парсит все картинки, записывая их пути в файл. А из файла уже циклом (код в шапке). Было бы круто повыдирать картинки только из подключённых компонентов. Но там они и в теге img, и просто в scss...
А Suspense в React мне как-то может помочь с этим?
Gary_Ihar, ошибок нет при сборке. Но при рендеринге такого компонента падает компонент с ошибкой:
Uncaught Error: The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.
Я чуток переделал струтуру.
Есть компонент, который проиграывает музыку:
function onPlay(sound) {
...
const audio = new Audio(sound);
audio.play()
...
}
В другом компоненте, в componentDidMount() она проигрыватся при загрузке страницы: componentDidMount() { onPlay(sound) }
При загрузке страницы всё ок. Но при перезагрузке я вижу ошибку, которую я указал в первом посте.