express - TypeScript: kan endast importeras som standard med flaggan 'esModuleInterop'

Jag har följande index.ts:

import { User } from "./datatypes"
import express from 'express';

 console.log("hello world")

Detta är min package.json:

{
  "name": "simple_app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "tsc index.ts && node index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "dotenv": "^16.0.0",
    "express": "^4.17.3"
  },
  "devDependencies": {
    "@types/express": "^4.17.13",
    "@types/node": "^17.0.23",
    "ts-node": "^10.7.0",
    "typescript": "^4.6.3"
  }
}

Och detta är min tsconfig.json:

{
    "compilerOptions": {
      "module": "commonjs",
      "esModuleInterop": true,
      "resolveJsonModule": true,
      "target": "es6",
      "moduleResolution": "node",
      "sourceMap": true,
      "outDir": "dist"
    },
    "lib": ["es2015"]
  }

När jag skriver npm run start får jag:

 Module '"/mnt/c/Users/raffa/Desktop/simple_app/node_modules/@types/express/index"' can only be default-imported using the 'esModuleInterop' flag

2 import express from 'express';
         ~~~~~~~

  node_modules/@types/express/index.d.ts:133:1
    133 export = e;
        ~~~~~~~~~~~
    This module is declared with using 'export =', and can only be used with a default import when using the 'esModuleInterop' flag.

Hur kan jag lösa det här problemet?

Svar #1

Om du kör tsc från kommandoraden med en specifik filväg kommer den att ignorera din tsconfig.json

Typescript-dokumentation (https://www.typescriptlang.org/docs/handbook/tsconfig-json.html):

När indatafiler anges på kommandoraden ignoreras tsconfig.json-filer.

Detta betyder att delen esModuleInterop i tsconfig.json inte kommer att ha någon effekt om du kör tsc index.ts.

Det är möjligt att kringgå det genom att använda import * as express from 'express';, men det kan uppstå andra problem från ignorerade TS-konfigurationer.

Ett problem med tsc -w && node index.js (från en av kommentarerna) är att -w får det att vänta istället för att avslutas av sig själv, vilket betyder att du inte kommer till delen efter "&&".
Så du kommer inte till node index.js-delen.
(Men åtminstone den här gången får tsc inte en specifik fil, därför ignoreras inte konfigurationen)

Också, i din konfiguration är outDir satt till dist, så den kompilerade filen kommer att gå dit. Så, du bör använda följande istället:
tsc && node ./dist/index.js

Relaterade artiklar