Next.js应用部署至cPanel后页面空白问题求助
Next.js部署到cPanel后页面空白(本地运行正常)求助
我将Next.js应用部署到cPanel后页面显示空白,但本地运行完全正常。我的操作步骤如下:
- 在根目录创建自定义
server.js,代码如下:
const { createServer } = require('http') const { parse } = require('url') const next = require('next') const dev = process.env.NODE_ENV !== 'production' const hostname = 'localhost' const port = process.env.PORT || 3000 const app = next({ dev, hostname, port }) const handle = app.getRequestHandler() app.prepare().then(() => { createServer(async (req, res) => { try { const parsedUrl = parse(req.url, true) const { pathname, query } = parsedUrl if (pathname === '/a') { await app.render(req, res, '/a', query) } else if (pathname === '/b') { await app.render(req, res, '/b', query) } else { await handle(req, res, parsedUrl) } } catch (err) { console.error('Error occurred handling', req.url, err) res.statusCode = 500 res.end('internal server error') } }).listen(port, (err) => { if (err) throw err console.log(`> Ready on http://${hostname}:${port}`) }) })
- 修改
package.json的start脚本,配置生产环境启动命令:
"scripts": { "dev": "next dev", "build": "next build", "start": "NODE_ENV=production node server.js", "lint": "next lint" },
- 执行
npm run build后压缩指定文件; - 在cPanel文件管理器根目录导入并解压文件;
- 通过cPanel的「Setup Node.js App」功能创建应用;
- 停止应用,执行
npm install安装依赖后重启应用。
完成所有步骤后,应用仍然显示空白页面,我无法定位问题所在。完整代码可查看对应的GitHub仓库,恳请帮忙排查解决。
内容的提问来源于stack exchange,提问作者fitous
相关产品推荐
相关产品推荐

