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

编程问答 2022-05-31

问题描述

我试图用 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 (将#修改为@）

getstaticpathsreactjsreactjsssg