make @ts-ignore available when using {/* @ts-ignore */}.

Search Terms

@ts-ignore annotation

Suggestion

Hi, I apologize if it is already discussed. However, I believe we need this feature for @ts-ignore. Currently @ts-ignore only mutes the errors only using with // @ts-ignore. I believe we also need to make @ts-ignore available when using {/* @ts-ignore */}.

I’ve already founded this issue. It’s a similar issue but not the same and I think this is easier to implement.

I think this feature only need to change this code. https://github.com/Microsoft/TypeScript/blob/master/src/compiler/program.ts#L2

Use Cases

I’d like to use this in the html structures in the TSX file.

Examples

This is implementation for amp-script. We have to use onclick instead of onClick and it’s not supported for now.

const App = () => {
  return (
    <div>
      ...
      {/* @ts-ignore */}
      <button onclick={() => setCount(count + 1)}>Click me</button> // this line should be ignored
      ...
    </div>
  );
}

Checklist

My suggestion meets these guidelines:

• This wouldn’t be a breaking change in existing TypeScript/JavaScript code
• This wouldn’t change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn’t a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, etc.)
• This feature would agree with the rest of TypeScript’s Design Goals.

[Mathijs003]

use this for now :

{/*
 // @ts-ignore*/}

[zhouzi]

Here’s how I was able to work around this issue:

<div>
  {
    // @ts-ignore
    <App />
  }
</div>