微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 Next.js 中使用 getStaticPaths 生成 index.html?

如何解决如何在 Next.js 中使用 getStaticPaths 生成 index.html?

我试图用 Next.JS 中的 index.html 生成一个 getStaticPaths 页面,但每次我尝试这样做时,它都会抛出错误或创建一个 index 目录而不是文件

到目前为止,我已经尝试在 '' 中传递:'/''index'params.page。我还尝试在 trailingSlash: true, 文件添加 next.config 但这也不起作用。

我在 pages 目录中有一个 [page].js 文件。使用此文件,我生成了大量页面,因为 [page].js 文件一个模板文件。我使用这种模板方法是因为有很多通用组件,每个页面上唯一不同的是“主要内容”。想象一下,生成 10 个页面,其中每个页面都有相同的导航栏和侧边菜单,但内容(文本)不同。因此,我尝试生成 10 个页面,其中一个页面index.html 页面,但它生成的不是 .html 文件而是生成一个 index 目录。我该如何解决这个问题?

export const getStaticPaths = async () => {
    return {
        paths: [{
            params: { // Imagine the following code for another 9 pages
                page: 'index' // Only the `index` one has a problem (creates a directory instead of file)
            }
        }]
    };
}

如果我在 index 中传递除 params.page 之外的任何其他字符串,它将创建一个 [my_string].html 页面。我希望能够使用 next.js 的 index.html 方法创建一个 getStaticPaths 页面

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?