我正在使用 MUI、React 和 TypeScript 开发一个 UI 库,并以 Nx 作为构建系统。出于测试目的,我使用 Jest。但是,当我尝试按照 Next.js 文档中提供的说明将字体添加到我的项目时遇到错误。
导致该问题的代码片段如下:
import localFont from 'next/font/local';
const myFont = localFont({ src: './my-font.woff2' });
Run Code Online (Sandbox Code Playgroud)
运行 Jest 测试时,我收到以下错误消息:
TypeError: (0, _local.default) is not a function
Run Code Online (Sandbox Code Playgroud)
对于如何解决此错误并在使用 Jest 进行测试时成功将字体添加到我的项目中的任何见解或建议,我将不胜感激。谢谢你!
我希望localFont函数 fromnext/font/local能够在 Jest 环境中成功导入并执行,并且不会出现任何错误。应为该myFont变量分配适当的值,以便我可以在 UI 库中使用该字体。我想了解为什么会出现错误消息“TypeError: (0, _local.default) is not a function”,并找到解决方案来解决它。