Typescript HTMLFormElement中存在意外标识符

Question

let forms = document.querySelector('.new-item-form') as HTMLFormElement ;

const typess = document.querySelector('#type') as HTMLSelectElement;
const tofrom = document.querySelector('#tofrom') as HTMLInputElement;
const details = document.querySelector('#details') as HTMLInputElement;
const amount = document.querySelector('#amount') as HTMLInputElement;
forms.addEventListener('submit' , (e:Event)=>{
e.preventDefault()
console.log(
typess.value,
tofrom.value,
details.value,
amount.valueAsNumber,
)
})

我正试图从我的dom中获取值，但它显示了一个错误Uncaught SyntaxError:意外的标识符

我不知道错误的原因是什么

Answer 1

您不能像在浏览器中那样使用TypeScript。你必须用Babel转换它或者用TSC编译它。如果您正在使用Webpack，也可以使用ts加载程序
正如TypeScript的定义所说：

TypeScript编译为可读的、基于标准的JavaScript。

来源：TypeScript npmjs.com

如果你是TypeScript的新手，你应该先检查他们的文档。