Странное поведение с файлами JSON в WebPack 4.4, почему? - PullRequest
0 голосов
/ 10 ноября 2019

Я использую фреймворк 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:

error

Можетэто поведение связано с размером файла JSON? (Файл на самом деле довольно большой), суть в том, почему на codepen и в корневом каталоге моего проекта работают? Спасибо вам, ребята.

...