带有 typescript 的 next.js 因意外令牌而失败？答案

【问题标题】：next.js with typescript fails with unexpected token `?`带有 typescript 的 next.js 因意外令牌而失败？
【发布时间】：2021-11-20 01:56:33
【问题描述】：

next.js npm run dev 在 tsx 文件中使用此可选属性一直失败：

Syntax error: Unexpected token

  44 |
  45 | type State<T_HT> = {
> 46 |   ghostHighlight: ?{
     |                   ^
  47 |     position: T_ScaledPosition
  48 |   },
  49 |   isCollapsed: boolean,

这是什么原因，如何解决

【问题讨论】：

标签： javascript typescript next.js

【解决方案1】：

可选属性，问号应该在冒号之前，如下所示

ghostHighlight ?: {
  position: T_ScaledPosition
}

【讨论】：

非常感谢。我是打字稿的新手，我正在将一些 js 转换为 ts
没问题，祝你好运。如果对您有帮助，请不要忘记将其标记为答案；）

【解决方案2】：

这里问号位置不对。问号应该是这样的

      45 | type State<T_HT> = {
    > 46 |   ghostHighlight?: {
      47 |     position: T_ScaledPosition
      48 |   },
      49 |   isCollapsed: boolean,

【讨论】：