为什么我不能在 typescript 中从 `export default {}` `import {}`

Question

我有一个typescript文件：

#util.ts
export default {name: 'name'}

我从另一个文件导入它：

import {name} from './util'

它无法编译并出现错误util has no exported member name 。 我应该如何在typescript导入它？

Answer 1

您的util.ts文件导出默认导出，而您请求命名导出。 您必须更改导入以请求默认导出：

import name from './util';

请参阅本文中的区别。

如果要访问name字段的值，请考虑在util.ts中使用命名导出：

export const name = 'name';

要么：

const name = 'name';

export {
  name,
}

然后导入：

import { name } from '/util';