在构建时临时禁用 Next.js 页面

Question

Next.js项目中有几个页面存在SSR相关的问题，导致报错npm run build，导致项目无法构建：

pages/
  foo/
    bar/
      [id].jsx
      index.jsx
    index.jsx
  ...

例如bar：

export function getStaticProps() {
  return someApiCallThatCurrentlyFails()
  ...
}

export default function Bar() {...}

作为快速修复，不构建bar/*.*页面并使路由不可用可能会很方便。

可以在 Next.js 构建中忽略页面而不实际更改或删除项目中的页面组件文件吗？

Answer 1

您可以pageExtensions在next.config.js.

// next.config.js
module.exports = {
  pageExtensions: ["page.js"],
}

配置完成后，with *.page.js将在下面给定的目录结构中考虑唯一的页面。

pages/
??? user
?   ??? setting
?       ??? index.js
??? _app.page.js
??? _document.page.js
??? list.page.js
??? theme.ts

自定义文件会忽略尚不支持的模式。您可以访问此处创建的PR，以及此处给出的解决方案。这是目前最满意的解决方案。