Ошибка типа: Не удается прочитать свойство «префикс» неопределенного

#javascript #next.js #font-awesome

Вопрос:

Я ни за что на свете не могу понять, почему мое следующее приложение JS не работает при первой загрузке на мобильном устройстве на некоторых страницах.

Это ошибка, которую я получаю:

 TypeError: Cannot read property 'prefix' of undefined
at value (e58ad660f61adae3bef60024de92d3bccb597bc6.ac485a8c6af9f1bd0a28.js:1)
at Array.reduce (<anonymous>)
at n.value (e58ad660f61adae3bef60024de92d3bccb597bc6.ac485a8c6af9f1bd0a28.js:1)
at Module.Zisd (my-account-c12932b172283a18c089.js:1)
at l (webpack-50bee04d1dc61f8adf5b.js:1)
at my-account-c12932b172283a18c089.js:1
at 9f9486d2dee4d90f1a0c817d9cd505415df353ca.95446c2205ebcde0dc47.js:1
 

Извините, если это чушь собачья, но это все, что у меня есть.
Я использую Fortawesome и нашел эту тему, но я правильно использую и импортирую значки.
Дело в том, что я пытаюсь использовать ссылку на страницу, чтобы перейти на страницу, и на ней возникают ошибки. Затем я просто нажимаю «Обновить», и это снова работает. Что могло заставить его так себя вести?

Есть идеи, как исправить или даже как я могу лучше отладить эту проблему? Спасибо

Ответ №1:

Так получается, что моя сборка все еще ссылается на старые значки fontawesome.

Я удалил 2 значка из этого кода….потому что я их больше не использовал, но, оказывается, на них все еще ссылаются где-то неясно (не в моем коде). Так что пока они будут жить в коде, ничего не делая, кроме как останавливая ошибку.

 import {
  faList,
  faCogs,
  faArrowCircleRight,
  faArrowCircleLeft,
} from '@fortawesome/free-solid-svg-icons'
library.add(faList)
library.add(faCogs)
library.add(faArrowCircleRight)
library.add(faArrowCircleLeft)