TypeScript模板字符串未解析及语法高亮异常求助
问题原因与解决方法
你的代码存在两个关键问题:
模板字符串语法错误
JavaScript/TypeScript的模板字符串必须用**反引号()**包裹,而非单引号(')。单引号中的${变量}`会被当作普通字符串内容解析,不会替换为变量的值——这就是你输出内容未生效、语法高亮未识别变量的核心原因。类型声明不规范
你用了首字母大写的String作为变量类型,这是JavaScript的包装对象类型。在TypeScript中,推荐使用小写的string(原始类型)来声明字符串变量,原始类型更契合日常开发的使用场景,避免不必要的类型差异问题。
修改后的代码如下:
let found: boolean = true; let grade: number = 88.9; let fstname: string = 'shri'; let lstname: string = 'vishnu'; console.log(found); console.log(grade); console.log(`Hi ${fstname} ${lstname}`);
修改后运行即可得到预期的Hi shri vishnu,编辑器也会对${fstname}和${lstname}进行正确的语法高亮。
内容的提问来源于stack exchange,提问作者Srivishnu Chakpalli
相关产品推荐
相关产品推荐

