TypeError: Cannot read property 'prefix' of undefined

Question

我一辈子都弄不明白为什么我的 Next 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 并找到 this thread 但我正在正确使用和导入图标。问题是我尝试使用页面 link 转到该页面，但出现了严重错误。然后我只需点击刷新，它就会再次运行。是什么让它表现得像那样？

有什么办法可以解决这个问题，甚至可以更好地调试这个问题吗？谢谢

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

TypeError: Cannot read property 'prefix' of undefined

TypeError: Cannot read property 'prefix' of undefined

javascript

font-awesome

next.js