Protractor测试从JS迁移到TS时配置文件类型赋值报错问题

这个问题其实戳中了TypeScript里一个很基础的语法规则，我来给你慢慢拆解：

为什么第一种写法会报错？ #

你写的这段代码：

import { Config } from 'protractor';
exports.config: Config = {..... 

问题出在exports.config: Config这部分——TypeScript的类型注解只能加在变量声明语句后面（比如const foo: Type = bar），而exports.config并不是一个变量声明，它是在给exports这个全局对象的config属性赋值。

你在这里试图给赋值语句加类型注解，TypeScript会误以为你要把Config这个类型当作一个“值”来使用，但Config只是一个类型定义（接口或者类型别名），不是可以被赋值的变量/对象，所以才会抛出那个错误：'Config' only refers to a type, but is being used as a value here.

第二种写法为什么能正常运行？ #

而这段代码：

import { Config } from 'protractor';
const _config: Config = {.........};
exports.config = _config;

逻辑就通顺了：

1. 先声明了一个变量_config，并给它加上Config类型注解，TypeScript会自动检查这个变量的结构是否符合Config的要求；
2. 再把这个已经通过类型检查的变量赋值给exports.config，这时候只是普通的属性赋值，不需要额外加类型注解，自然不会报错。

还有更简洁的替代写法 #

其实你可以直接用TypeScript的export语法，更符合TS的编码习惯，编译后会自动转换成CommonJS的导出格式，同样能被Protractor识别：

import { Config } from 'protractor';

export const config: Config = {
  // 你的Protractor配置内容，比如specs、capabilities等
};

核心知识点总结 #

• TypeScript的类型注解只能用于变量声明（let/const/函数参数/类属性等场景），不能直接给对象属性的赋值语句加类型；
• 当需要给导出的属性指定类型时，要么先声明带类型的变量再赋值，要么直接用TS的export语法导出带类型的变量。

内容的提问来源于stack exchange，提问作者radio_head