如何解决Next.js:如何从 getStaticProps 中获取静态资产
我正在使用 Netlify CMS。我想将轮播的所有幻灯片导入到我的组件中。我制作了一个名为滑块的集合并添加了一些幻灯片。这在 public/content/slider/
中创建了两个 Markdown 文件(每张幻灯片一个)。我想将它们全部导入到一个可迭代对象中,以便我可以构建轮播。
因为我为 markdown 文件设置了 webpack 加载器,所以我可以导入单个 markdown 文件没问题,如下所示:
import post from '../public/content/posts/[post name].md
但是当我尝试使用 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date、require.context 或导入 fs
时,效果不佳。所以我决定尝试从 getStaticProps
中要求这些库。但是 __dirname
中的 getStaticProps
是 /
,它是我计算机文件系统的根目录。
所有 getStaticProps
示例都使用数据获取。我缺少一些信息。如何导入 /slides/
文件夹中的所有 Markdown 文件?
解决方法
这是一个 known issue in Next.js,__dirname
错误地解析为 /
。
解决方法是改用 process.cwd()
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。