1effbae67a
This fixes a case where the HMR connection for fast refresh would fail to connect on Windows due to a change being made to the default host being listened to. Previously we didn't set a default for the `host` value when calling `server.listen` which allowed the default listening behavior to be used although in https://github.com/vercel/next.js/pull/20409 a default of `0.0.0.0` was added which causes conflicts for some set-ups mainlly on Windows it seems. ## Bug - [x] Related issues linked using `fixes #number` - [ ] Integration tests added (N/A) - [x] Errors have helpful link attached, see `contributing.md` Fixes: https://github.com/vercel/next.js/issues/27298 Fixes: https://github.com/vercel/next.js/issues/27254 Fixes: https://github.com/vercel/next.js/issues/4456#issuecomment Fixes: https://github.com/vercel/next.js/pull/20409#issuecomment-849933092 x-ref: https://github.com/vercel/next.js/pull/20409
118 lines
3.7 KiB
JavaScript
Executable file
118 lines
3.7 KiB
JavaScript
Executable file
#!/usr/bin/env node
|
|
import { resolve } from 'path'
|
|
import arg from 'next/dist/compiled/arg/index.js'
|
|
import { existsSync } from 'fs'
|
|
import startServer from '../server/lib/start-server'
|
|
import { printAndExit } from '../server/lib/utils'
|
|
import * as Log from '../build/output/log'
|
|
import { startedDevelopmentServer } from '../build/output'
|
|
import { cliCommand } from '../bin/next'
|
|
|
|
const nextDev: cliCommand = (argv) => {
|
|
const validArgs: arg.Spec = {
|
|
// Types
|
|
'--help': Boolean,
|
|
'--port': Number,
|
|
'--hostname': String,
|
|
|
|
// Aliases
|
|
'-h': '--help',
|
|
'-p': '--port',
|
|
'-H': '--hostname',
|
|
}
|
|
let args: arg.Result<arg.Spec>
|
|
try {
|
|
args = arg(validArgs, { argv })
|
|
} catch (error) {
|
|
if (error.code === 'ARG_UNKNOWN_OPTION') {
|
|
return printAndExit(error.message, 1)
|
|
}
|
|
throw error
|
|
}
|
|
if (args['--help']) {
|
|
console.log(`
|
|
Description
|
|
Starts the application in development mode (hot-code reloading, error
|
|
reporting, etc)
|
|
|
|
Usage
|
|
$ next dev <dir> -p <port number>
|
|
|
|
<dir> represents the directory of the Next.js application.
|
|
If no directory is provided, the current directory will be used.
|
|
|
|
Options
|
|
--port, -p A port number on which to start the application
|
|
--hostname, -H Hostname on which to start the application (default: 0.0.0.0)
|
|
--help, -h Displays this message
|
|
`)
|
|
process.exit(0)
|
|
}
|
|
|
|
const dir = resolve(args._[0] || '.')
|
|
|
|
// Check if pages dir exists and warn if not
|
|
if (!existsSync(dir)) {
|
|
printAndExit(`> No such directory exists as the project root: ${dir}`)
|
|
}
|
|
|
|
async function preflight() {
|
|
const { getPackageVersion } = await import('../lib/get-package-version')
|
|
const [sassVersion, nodeSassVersion] = await Promise.all([
|
|
getPackageVersion({ cwd: dir, name: 'sass' }),
|
|
getPackageVersion({ cwd: dir, name: 'node-sass' }),
|
|
])
|
|
if (sassVersion && nodeSassVersion) {
|
|
Log.warn(
|
|
'Your project has both `sass` and `node-sass` installed as dependencies, but should only use one or the other. ' +
|
|
'Please remove the `node-sass` dependency from your project. ' +
|
|
' Read more: https://nextjs.org/docs/messages/duplicate-sass'
|
|
)
|
|
}
|
|
}
|
|
|
|
const port =
|
|
args['--port'] || (process.env.PORT && parseInt(process.env.PORT)) || 3000
|
|
|
|
// We do not set a default host value here to prevent breaking
|
|
// some set-ups that rely on listening on other interfaces
|
|
const host = args['--hostname']
|
|
const appUrl = `http://${
|
|
!host || host === '0.0.0.0' ? 'localhost' : host
|
|
}:${port}`
|
|
|
|
startServer({ dir, dev: true, isNextDevCommand: true }, port, host)
|
|
.then(async (app) => {
|
|
startedDevelopmentServer(appUrl, `${host || '0.0.0.0'}:${port}`)
|
|
// Start preflight after server is listening and ignore errors:
|
|
preflight().catch(() => {})
|
|
// Finalize server bootup:
|
|
await app.prepare()
|
|
})
|
|
.catch((err) => {
|
|
if (err.code === 'EADDRINUSE') {
|
|
let errorMessage = `Port ${port} is already in use.`
|
|
const pkgAppPath = require('next/dist/compiled/find-up').sync(
|
|
'package.json',
|
|
{
|
|
cwd: dir,
|
|
}
|
|
)
|
|
const appPackage = require(pkgAppPath)
|
|
if (appPackage.scripts) {
|
|
const nextScript = Object.entries(appPackage.scripts).find(
|
|
(scriptLine) => scriptLine[1] === 'next'
|
|
)
|
|
if (nextScript) {
|
|
errorMessage += `\nUse \`npm run ${nextScript[0]} -- -p <some other port>\`.`
|
|
}
|
|
}
|
|
console.error(errorMessage)
|
|
} else {
|
|
console.error(err)
|
|
}
|
|
process.nextTick(() => process.exit(1))
|
|
})
|
|
}
|
|
|
|
export { nextDev }
|