TypeScript:只能使用 'esModuleInterop' 标志默认导入

Question

我有以下 index.ts:

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

 console.log("hello world")

这是我的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"
  }
}

这是我的 tsconfig.json:

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

当我编写 npm run start 时，我获得:

 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.

我该如何解决这个问题？

Answer 1

如果您使用特定文件路径从命令行调用 tsc，它将忽略您的 tsconfig.json

typescript 文档(https://www.typescriptlang.org/docs/handbook/tsconfig-json.html):

When input files are specified on the command line, tsconfig.json files are ignored.

这意味着如果调用 tsc index.ts，tsconfig.json 的 esModuleInterop 部分将无效。

可以通过使用 import * as express from 'express'; 来解决这个问题，但是忽略 TS 配置可能会引起其他问题。

tsc -w && node index.js(来自其中一条评论)的一个问题是 -w 会使其等待而不是自行终止，这意味着您不会到达“&&”之后的部分。
因此，您不会到达node index.js 部分。
(但至少这一次，tsc 没有得到一个特定的文件，因此配置没有被忽略)

此外，在您的配置中，outDir 设置为 dist，因此编译后的文件将放在此处。因此，您应该改用以下内容:
tsc && 节点./dist/index.js