Блог

Ошибка, указанная в заголовке, возникает при использовании свойства pathLength фреймера motion для анимации svg. Другие свойства (я пробовал rotate и opacity) работают, как и ожидалось, без каких-либо проблем.

Какие могут быть возможные проблемы?

 <svg width="84"
     height="84"
     viewBox="0 0 84 84"
     fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <motion.path
        d=" \ some path"
        initial={{
            pathLength: 0,
        }}
        animate={{
            pathLength: 1,
        }}  />
</svg>
 

Даже если ошибка исчезнет, svg по-прежнему не анимируется