next使用字体文件时,路径使用@路径别名的问题

不能使用@路径别名否则会报错

正确做法,使用相对路径

不能使用@路径别名原因

  1. next/font/local 是一个特殊的字体加载器,它在构建时处理字体文件
  2. 虽然 tsconfig.json 中配置了 @ 路径别名,但这个别名主要用于 JavaScript/TypeScript 模块的导入
  3. 对于字体文件这样的资源文件,我们需要使用相对路径,从当前文件位置(app/layout.tsx)指向字体文件的位置(public/fonts/)
相关推荐
Ankkaya2 分钟前
浏览器插件接入 Google 登录
前端
Asmewill4 分钟前
DeepAgents学习笔记一(构建深度多智能体)
前端
万物皆对象6665 分钟前
切换路由时页面空白问题(vue3)
前端·vue.js·typescript
突然好热5 分钟前
TS 调试技巧
前端·javascript·typescript
h64648564h6 分钟前
Flutter 国际化(i18n)全指南:一键切换中/英/日多语言
前端·javascript·flutter
令人头秃的代码0_07 分钟前
AI时代下,如何做原子代码拆分
前端
我材不敲代码1 小时前
Python 函数核心:位置参数与关键字参数详解
java·前端·python
Kratzdisteln2 小时前
【无标题】
前端·python
Curvatureflight2 小时前
前端国际化 i18n 落地实践:语言包、动态文案和格式化问题怎么处理?
前端·c++·vue
kTR2hD1qb2 小时前
Claude Code Skill的介绍与使用
java·前端·数据库·人工智能