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

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

正确做法,使用相对路径

不能使用@路径别名原因

  1. next/font/local 是一个特殊的字体加载器,它在构建时处理字体文件
  2. 虽然 tsconfig.json 中配置了 @ 路径别名,但这个别名主要用于 JavaScript/TypeScript 模块的导入
  3. 对于字体文件这样的资源文件,我们需要使用相对路径,从当前文件位置(app/layout.tsx)指向字体文件的位置(public/fonts/)
相关推荐
知否灬知否8 分钟前
Vue3+elementPlus中 树形控件封装
前端·javascript·vue.js
Sailing9 分钟前
🤔🤔你监听 DOM 的方式,可能正在悄悄拖垮性能!
前端·javascript·面试
阿珊和她的猫13 分钟前
React Hooks 的使用
前端·react.js·状态模式
猿大师播放器16 分钟前
如何在新版谷歌Chrome上加载IE的Activex/OCX控件?
前端·chrome·web
林太白24 分钟前
Nest如何连接数据库
前端·后端·node.js
爱因斯坦乐28 分钟前
【HTML】动态背景效果前端页面
前端·javascript·css·html·js
洛小豆36 分钟前
深入剖析 JavaScript 循环变量作用域:let 与 var 的差异
前端·javascript·面试
独立开阀者_FwtCoder40 分钟前
【总结】2326- 资源预加载可能会拖慢网站速度
前端·javascript·vue.js
LAY家的奶栗子是德云女孩1 小时前
HTML5+CSS前端开发【保姆级教学】+超链接标签
前端·css·笔记·html5
独立开阀者_FwtCoder1 小时前
Vite 的实现原理,确实很巧妙
前端·javascript·面试