[ts] Module 'xxx' has no default export.

[xcatliu]

为什么引用一些模块的时候，会报如下错误？

import fs from 'fs';
// [ts] Module '"fs"' has no default export.

[xcatliu]

因为有的模块没有 default 的 export，需要这么引用：

import * as fs from 'fs';

[xcatliu]

自己写的模块也会存在这个问题：

// foo.ts
const foo1 = 'foo1';
const foo2 = 'foo2';
export {
    foo1,
    foo2
}

// bar.ts
import foo from './foo';
// [ts] Module '"./foo"' has no default export.

必须得这么写才行：

// foo.ts
const foo1 = 'foo1';
const foo2 = 'foo2';
export {
    foo1,
    foo2
}

// bar.ts
import * as foo from './foo';

或者将 foo.ts 改写成 export default:

// foo.ts
const foo1 = 'foo1';
const foo2 = 'foo2';
export default {
    foo1,
    foo2
}

// bar.ts
import foo from './foo';

[xcatliu]

另外，可以在 tsconfig.json 中开启配置允许这种写法：

{
    "compilerOptions": {
        "allowSyntheticDefaultImports": true
    }
}

这样即使没有 * as 也不会报错了。

参考：microsoft/TypeScript#3337

[xuqinggang]

楼上正解