The type 'string | AddressInfo' does not include a 'port' property and does not have a string index signature

Question

The type 'string | AddressInfo' does not include a 'port' property and does not have a string index signature

When running in { port }, I encountered the following error: Type 'string | AddressInfo' has no property 'port' and no string index signature.

How can I resolve this issue?

Code:

import * as express from 'express'
const app = express()

app.listen({ port: process.env.PORT })

const { port } = app.address()

Here is my tsconfig.json:

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "lib": ["dom", "es6", "es2017", "esnext.asynciterable"],
    "sourceMap": true,
    "outDir": "./dist",
    "moduleResolution": "node",

    "composite": true,
    "removeComments": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "strictFunctionTypes": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "allowSyntheticDefaultImports": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "baseUrl": ".."
  },
  "exclude": ["node_modules"],
  "include": ["./src/**/*.tsx", "./src/**/*.ts"],
  "references": [{ "path": "../common" }]
}

typescript

Answer 1

Answer №1

I have discovered a solution that works perfectly for me:

import * as express from 'express'
import { AddressInfo } from 'net'

const server = express()

server.listen({ port: process.env.PORT })

const { port } = server.address() as AddressInfo

Answer 2

I have discovered a solution that works perfectly for me:

import * as express from 'express'
import { AddressInfo } from 'net'

const server = express()

server.listen({ port: process.env.PORT })

const { port } = server.address() as AddressInfo

Answer 3

Answer №2

When looking at the scenario presented above, it becomes evident that having a port is essential. However, if for some reason a port is not available, one could resort to utilizing a typeof comparison technique as illustrated below:

import * as express from 'express'
const app = express()

app.listen({ /* various parameters extracted from configuration, potentially not limited to "port" */ })

const addr = server.address();
const binding = typeof addr === 'string'
    ? `pipe/socket ${addr}`
    : `port ${addr.port}`;
console.log(`🚀 Server listening on ${binding}`);

Answer 4

When looking at the scenario presented above, it becomes evident that having a port is essential. However, if for some reason a port is not available, one could resort to utilizing a typeof comparison technique as illustrated below:

import * as express from 'express'
const app = express()

app.listen({ /* various parameters extracted from configuration, potentially not limited to "port" */ })

const addr = server.address();
const binding = typeof addr === 'string'
    ? `pipe/socket ${addr}`
    : `port ${addr.port}`;
console.log(`🚀 Server listening on ${binding}`);

The type 'string | AddressInfo' does not include a 'port' property and does not have a string index signature

Answer №1

Answer №2

Similar questions

Tips for including a dash or hyphen in an input field after two digits in Angular 4

Experience Next.js 13 with Chakra UI where you can enjoy Dark Mode without the annoying White Screen Flash or FOUC (flash of unstyled content)

Eliminate the need for require statements in TypeScript-generated JavaScript files

Separating the time and date into distinct variables offers flexibility in how they

Looping issue with ForEach in Typscript with Firebase Functions

Struggling to integrate D3.js with React using the useRef hook. Any suggestions on the proper approach?

Issue with esbuild not executing within docker compose configuration

In Angular 2, how does the "this" keyword from the subscribe method reference the class?

What steps should be taken to enable SCSS in Jest for unit testing in TypeScript Next.js?

Error encountered during Typescript compilation: The attribute 'raw' is not found within the context of the entity 'e' in express

TypeScript allows for the declaration of a function that includes a mandatory property within the function signature

Difficulty fetching data on the frontend with Typescript, React, Vite, and Express

A function that logs a message to the console if an array contains identical values

Is there a solution available for the error message that reads: "TypeError: Cannot set value to a read-only property 'map' of object '#<QueryCursor>'"?

Leveraging the power of literal types to choose a different type of argument

Tips for utilizing functions in an inline HTML translation pipe

TS7016: No declaration file was found for the module named 'rxjs'

SystemJS TypeScript Project

TypeScript's conditional property failing to recognize incorrect functional argument

While making changes, I was anticipating a "for-of" loop to be used instead of a "for" loop