如何解决 Visual Studio 2019 中“只能使用‘esModuleInterop’标志默认导入”的问题？

Question

我正在将我的 JavaScript 文件升级到 Visual Studio 2019 中的 TypeScript，以更好地管理它们。

当我想从另一个文件导入模块时，我看到波浪线抱怨：

x 只能使用“esModuleInterop”标志默认导入

我应该如何解决这个问题？

Answer 1

一个简单的办法是设置"esModuleInterop": true在compilerOptions你的tsconfig.json文件中。

例子：

{
  "compilerOptions": {    
    "esModuleInterop": true
  }
}

Answer 2

我遇到了同样的问题并解决如下：

改变这个

import foo from 'foo';

对此

import * as foo from 'foo';