开发服务器编译问题和生产构建中的页面路由中断 - Next.js
Development server compile issues and page routing broken in production builds - Next.js
大家好,我有一个正在使用 Next.js
创建的应用程序。
几乎每次我进行更改时,服务器都会自动编译新的更改,这很好。然而,大多数时候页面无法正确呈现。
有时需要几分钟才能正确呈现它们,我不得不多次手动重启服务器才能使页面正确加载。有谁知道这可能是什么原因造成的?
我目前没有 next.config.js
文件,我需要创建一个文件并添加一些设置来解决这些问题吗?
而且页面路由在生产版本中不起作用。 index.js
页面加载正常,但是 none 的路由在我单击 link 时有效,它们都以 404 结尾。即使我在浏览器中键入 URL。
我几个月前解决了这个问题我只是添加我使用的解决方案。这似乎是某种 git 错误,也许某些文件被缓存在 git 或 Netllify 上的某处,这正在破坏它我不确定。我设法让它工作的唯一方法是创建一个全新的 git 存储库,然后将其部署到 Netlify 上 git 的新站点。
- 将项目复制到一个新文件夹中,为设置新的存储库做准备,并删除 git 文件及其历史记录
- CD 进入包含下一个应用程序(在我的例子中是前端)的文件夹并删除 node_modules、.next、next.config.js 和 package-lock.json 文件
- 确保页面文件夹中的所有组件都是小写而不是驼峰式
- 运行
npm install
- 为 git 设置新项目,然后将其部署到新的 git 存储库。无论出于何种原因,尽管多次测试和重复项目相同,但我现有的回购无法使路由正常工作。唯一的区别是我测试的新仓库只有一个主分支,而我的主仓库也有一个开发分支。而且只有几个提交,而我的主要回购有超过 80 个提交。
- 从 git
作为新站点部署到 Netlify
- 由于我的项目位于名为 frontend 的子文件夹中,因此我必须将基本目录设置为 frontend,然后 运行 命令
next build && next export
大家好,我有一个正在使用 Next.js
创建的应用程序。
几乎每次我进行更改时,服务器都会自动编译新的更改,这很好。然而,大多数时候页面无法正确呈现。
有时需要几分钟才能正确呈现它们,我不得不多次手动重启服务器才能使页面正确加载。有谁知道这可能是什么原因造成的?
我目前没有 next.config.js
文件,我需要创建一个文件并添加一些设置来解决这些问题吗?
而且页面路由在生产版本中不起作用。 index.js
页面加载正常,但是 none 的路由在我单击 link 时有效,它们都以 404 结尾。即使我在浏览器中键入 URL。
我几个月前解决了这个问题我只是添加我使用的解决方案。这似乎是某种 git 错误,也许某些文件被缓存在 git 或 Netllify 上的某处,这正在破坏它我不确定。我设法让它工作的唯一方法是创建一个全新的 git 存储库,然后将其部署到 Netlify 上 git 的新站点。
- 将项目复制到一个新文件夹中,为设置新的存储库做准备,并删除 git 文件及其历史记录
- CD 进入包含下一个应用程序(在我的例子中是前端)的文件夹并删除 node_modules、.next、next.config.js 和 package-lock.json 文件
- 确保页面文件夹中的所有组件都是小写而不是驼峰式
- 运行
npm install
- 为 git 设置新项目,然后将其部署到新的 git 存储库。无论出于何种原因,尽管多次测试和重复项目相同,但我现有的回购无法使路由正常工作。唯一的区别是我测试的新仓库只有一个主分支,而我的主仓库也有一个开发分支。而且只有几个提交,而我的主要回购有超过 80 个提交。
- 从 git 作为新站点部署到 Netlify
- 由于我的项目位于名为 frontend 的子文件夹中,因此我必须将基本目录设置为 frontend,然后 运行 命令
next build && next export