Я использую фреймворк Lottie , который принимает файл JSON и отображает анимацию с помощью JS в режиме реального времени. Не вдаваясь в подробности, я заметил странное поведение в веб-пакете, используя webstorm в качестве IDE.
var animItem = bodymovin.loadAnimation({
wrapper: svgContainer,
animType: 'svg',
loop: false,
path: './src/animation/PhoneRotate.json'
});
Этот метод не работает. Я получаю эту ошибку в консоли:
Z:1 GET http://localhost:8080/src/animation/data:image/jpeg;base64,/9j/..//Z 431 (Request Header Fields Too Large)
(повторяется много раз)
Но если я переместу файл JSON в корень, и я заменю путь просто:
PhoneRotate.json
Все работает. Подобная проблема возникает, даже если я загружаю этот файл JSON в файлы lottie . Этот веб-сайт принимает ваш файл JSON, создайте ссылку, которую вы можете использовать для ссылки анимации в своем коде. Опять же, тестируя мой файл в CodePen, все работает, в IDE я получаю две разные ошибки в зависимости от используемого браузера:
Например, в Safari я получаю 76 раз (это число равноне случайно, это число кадров, которое имеет анимация) эта ошибка:
Failed to load resource: The operation couldn’t be completed. (kCFErrorDomainCFNetwork error 303.)
В Chrome:
Можетэто поведение связано с размером файла JSON? (Файл на самом деле довольно большой), суть в том, почему на codepen и в корневом каталоге моего проекта работают? Спасибо вам, ребята.