Jika kalian menggunakan bahasa pemrograman TypeScript dan mendapat warning experimentalDecorators, pastilah sangat menjengkelkan. Warning ini menyebabkan suatu class dianggap tidak valid oleh VSCode meskipun sebenarnya tidak ada kesalahan sama sekali.
Aku mendapat warning ini saat mengembangkan aplikasi dengan framework Ionic yang menggunakan Angular. Setelah melakukan penelitian di forum-forum pemrograman online, ternyata warning ini juga terjadi pada React dan Vue.
Berikut pesan warningnya:
Experimental support for decorators is a feature that is subject to change in a future release. Set the ‘experimentalDecorators’ option to remove this warning.
Meskipun ada warning ini namun aplikasi dapat dicompile dan dibuild dengan sukses. Jika kalian juga mengalami hal yang sama, untungnya ada cara mudah untuk mengatasinya. Buatlah file yang bernama tsconfig.json pada root directory projek anda. kemudian masukkan kode berikut:
{
"compilerOptions": {
"experimentalDecorators": true,
"allowJs": true
}
}
Setelah itu restart VSCode anda. Seharusnya warning ini sudah tidak akan muncul lagi.