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

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

正确做法,使用相对路径

不能使用@路径别名原因

  1. next/font/local 是一个特殊的字体加载器,它在构建时处理字体文件
  2. 虽然 tsconfig.json 中配置了 @ 路径别名,但这个别名主要用于 JavaScript/TypeScript 模块的导入
  3. 对于字体文件这样的资源文件,我们需要使用相对路径,从当前文件位置(app/layout.tsx)指向字体文件的位置(public/fonts/)
相关推荐
雨雨雨雨雨别下啦15 分钟前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
simon_934933 分钟前
受够了压缩和收费?我作为一个码农,手撸了一款无限容量、原图直出的瀑布流相册!
前端
e***87701 小时前
windows配置永久路由
android·前端·后端
Dorcas_FE2 小时前
【tips】动态el-form-item中校验的注意点
前端·javascript·vue.js
小小前端要继续努力2 小时前
前端新人怎么更快的融入工作
前端
四岁爱上了她2 小时前
input输入框焦点的获取和隐藏div,一个自定义的下拉选择
前端·javascript·vue.js
fouryears_234172 小时前
现代 Android 后台应用读取剪贴板最佳实践
android·前端·flutter·dart
boolean的主人2 小时前
mac电脑安装nvm
前端
用户1972959188912 小时前
WKWebView的重定向(objective_c)
前端·ios
烟袅3 小时前
5 分钟把 Coze 智能体嵌入网页:原生 JS + Vite 极简方案
前端·javascript·llm