打字稿错误意外的令牌，预期为“}”

Question

I recently started with typescript and I'm getting a error I have no idea how to fix. Here's my function:

interface Arr<E extends Runtype> extends Runtype<Static<E>[]> {
  tag: 'array';
  element: E;
}

/**
 * Construct an array runtype from a runtype for its elements.
 */
function Arr<E extends Runtype>(element: E): Arr<E> {
  return create<Arr<E>>(
    xs => {
      if (!Array.isArray(xs)) throw new ValidationError(`Expected array, but was ${typeof xs}`);
      let newArray:Array<E> = new Array();
      for (const x of Array.from(xs)) {
        try {
            newArray.push(<E>element.check(x));

        } catch ({ message, key }) {
          throw new ValidationError(
            message,
            key ? `[${xs.indexOf(x)}].${key}` : `[${xs.indexOf(x)}]`,
          )
        }
      }

      return newArray;
    },
    { tag: 'array', element },
  )
}

export { Arr as Array };

Here's an image of my error:

Tsconfig:

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "jsx": "preserve",
    "lib": ["dom", "es2017"],
    "module": "esnext",
    "moduleResolution": "node",
    "noEmit": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "preserveConstEnums": true,
    "removeComments": false,
    "skipLibCheck": true,
    "sourceMap": true,
    "strict": true,
    "target": "esnext"
  }
}

Would really appreciate some help on what's going wrong here.... I have tried switching the target environment and stuff

Update:

Another similar error:

export interface Record<O extends { [_: string]: Runtype }>
  extends Runtype<{ [K in keyof O]: Static<O[K]> }> {
  tag: 'record';
  fields: O;
}

/**
 * Construct a record runtype from runtypes for its values.
 */
export function Record<O extends { [_: string]: Runtype }>(fields: O) {
  return create<Record<O>>(
    x => {
      if (x === null || x === undefined) {
        const a = create<any>(x, { tag: 'record', fields });
        throw new ValidationError(`Expected ${show(a)}, but was ${x}`);
      }
      let y:any = {};
      // tslint:disable-next-line:forin
      for (const key in fields) {
        try {
            const keyStr:string = <string>key;


          let val = fields[key].check(hasKey(key, x) ? x[key] : undefined);
          y[<string>key] = <any>val;
        } catch ({ key: nestedKey, message }) {
            console.log('key ',key,' ',message);
          throw new ValidationError(message, nestedKey ? `${key}.${nestedKey}` : key);
        }
      }

      return y as O;
    },
    { tag: 'record', fields },
  );
}

Anyone got a clue what those examples got wrong that makes typescript react to this?

Answer 1

Can you try changing this

newArray.push(<E>element.check(x));

with

newArray.push(<E>element.check(x)</E>);

As I don't have your full application, I'm not sure this will 100% work. But this change solved many parenthesizations for me.