当使用 TypeScript 进行开发时，我们有时会遇到编译时错误 “只能导入类型，不允许导入值”。这个错误通常发生在我们试图导入一个值而不是类型的情况下。本文将介绍这个错误的原因，以及如何解决它。
错误原因
在 TypeScript 中，我们可以使用 import 语句来导入模块。当我们导入一个模块时，可以指定导入的是某个值还是某个类型。例如：
import { SomeValue } from './some-module'; // 导入值
import type { SomeType } from './some-module'; // 导入类型当我们在导入语句中使用 type 关键字时，意味着我们只导入了类型信息，而不导入实际的值。这种情况下，我们只能使用导入的类型信息，而无法使用导入的值。
如果我们在导入语句中没有使用 type 关键字，那么我们导入的就是实际的值。这种情况下，我们既可以使用导入的值，也可以使用导入的类型信息。
当我们在导入语句中没有使用 type 关键字，但是尝试使用导入的类型信息时，就会出现 “只能导入类型，不允许导入值” 的编译时错误。
解决方法
要解决这个错误，我们需要确保我们导入的是值而不是类型。为了实现这一点，我们可以使用以下方法之一：
方法一：使用默认导出
当我们使用默认导出时，导入的就是实际的值。例如：
// some-module.ts
export default { someValue: 'hello' };
// other-module.ts
import someValue from './some-module'; // 导入值在上面的示例中，我们使用了默认导出，因此在导入时，我们可以直接使用 import someValue 来导入实际的值。
方法二：明确指定导入的值
当我们明确指定导入的值时，也可以导入实际的值。例如：
// some-module.ts
export const someValue = 'hello';
// other-module.ts
import { someValue } from './some-module'; // 导入值在上面的示例中，我们明确指定了导入的值是 someValue，因此在导入时，我们可以使用 import { someValue } 来导入实际的值。
总结
在 TypeScript 中，当我们导入一个模块时，需要注意导入的是值还是类型。如果我们导入的是类型，那么在使用时只能使用类型信息而无法使用实际的值。为了避免 “只能导入类型，不允许导入值” 的编译时错误，我们可以使用默认导出或者明确指定导入的值来导入实际的值。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655f0dcdd2f5e1655d932b47