Bir react-native projesi oluştururken, eğer –template bank parametresi ile boş bir proje oluşturarak başladıysanız, typescript ile oluşturacağınız dosyalar çalışacak ancak hata varmış gibi sürekli olarak kodlarınızda altı kırmızı çizili satırlarla karşılaşacaksınız.

JavaScript hemen hemen tüm bilgisayarlar tarafından desteklenen ve evrensel bir dil olması nedeniyle ek bir kuruluma ihtiyaç duymadan tüm işletim sistemleri tarafından çalıştırılabilmektedir. Ancak TypeScript, daha sonra ortaya çıkan ve programcılara farklı bir bakış açısı sunan bir dil olduğundan yazılacak kodların anlaşılması ve tanınması için bazı ek kurulum işlemlerine gerek duyulabilmektedir.

Bir react-native projesinde *.ts veya *.tsx uzantısında dosya oluşturduğumuzda anlaşılır ve düzgün çalışması amacıyla aşağıdaki komut yardımıyla TypeScript dil desteği projeye eklenmelidir.

npm install -D typescript @react-native/typescript-config @types/jest @types/react @types/react-test-renderer

Bazı durumlarda kullanılan işletim sistemine bağlı olarak, bu komut doğru çalıştırılamayabilir. Bunun sebebi kullanılan işletim sisteminin güvenlik özellikleridir. Böyle bir durumla karşılaşıldığında aşağıdaki komut yardımıyla .npm dosyasının yetkileri artırılmalıdır.

sudo chown -R 501:20 "/Users/(KullanıcıDizinAdi)/.npm"

Eğer TypeScript desteği doğru bir şekilde kurulabilmiş ise, proje dosyaları ana dizininde tsconfig.json isimli bir dosya oluşturulduğu gözlemlenecektir. Kurulumun ardından *.ts veya *.tsx uzantısıyla oluşturulan dosyalar, asılsız hatalı komut uyarısı vermeyecektir.