#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)