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

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

正确做法,使用相对路径

不能使用@路径别名原因

  1. next/font/local 是一个特殊的字体加载器,它在构建时处理字体文件
  2. 虽然 tsconfig.json 中配置了 @ 路径别名,但这个别名主要用于 JavaScript/TypeScript 模块的导入
  3. 对于字体文件这样的资源文件,我们需要使用相对路径,从当前文件位置(app/layout.tsx)指向字体文件的位置(public/fonts/)
相关推荐
林十一npc4 分钟前
Fiddler抓取APP端,HTTPS报错全解析及解决方案(一篇解决常见问题)
android·前端·网络协议·https·fiddler·接口测试
小妖66622 分钟前
4个纯CSS自定义的简单而优雅的滚动条样式
前端·javascript·css
江沉晚呤时1 小时前
深入解析 .NET Kestrel:高性能 Web 服务器的架构与最佳实践
服务器·前端·.net
264玫瑰资源库1 小时前
网狐旗舰大联盟组件源码私测笔记:结构分层、UI重构与本地实操全流程
java·前端·数据库·笔记·ui·重构
qq_589568102 小时前
Electron学习+打包
前端·javascript·electron
小星jeff2 小时前
rails 8 CSS不起效问题解决
前端·css
二川bro3 小时前
前端实现商品放大镜效果(Vue3完整实现)
前端
苏小夕夕3 小时前
大数据应用开发和项目实战-Seaborn
大数据·前端
大G哥4 小时前
用 Java 和 DL4J 实现验证码识别系统
java·linux·开发语言·前端·python
源码方舟4 小时前
【HTML5】轮播图的实现方式一
前端·javascript·css·html·html5