Neden --isolatedModules hatası herhangi bir içe aktarımla düzeltildi?

Create-react-app typcript projesinde, bazı şeyleri hızlı bir şekilde test etmek için bunu yazmaya çalıştım:

// experiment.test.ts
it('experiment', () => {
  console.log('test');
});

Ama bana altında dalgalı bir kırmızı ile şu hatayı veriyor it:

'--İsolatedModules' bayrağı sağlandığında tüm dosyalar modül olmalıdır.

Ancak, dosyayı şu şekilde değiştirirsem, görünüşe göre her şey yolunda demektir (elbette kullanılmayan içe aktarma hariç):

// experiment.test.ts
import { Component} from 'react'; // literally anything, don't even have to use it

it('test', () => {
  console.log('test');
});

Neden? Burada ne oluyor? --isolatedModulesAslında ne anlama geliyor / ne yapıyor?

Typescript, dosyaları içe / dışa aktarmadan eski komut dosyası dosyaları olarak ele alır. Bu tür dosyalar modüller ve herhangi bir tanım olmadıklarından genel ad alanında birleştirilirler. isolatedModulesbu tür dosyaları yasaklar.

Bir dosyaya herhangi bir içe veya dışa aktarma eklemek, onu bir modül haline getirir ve hata kaybolur.

Ayrıca export {}, bir dosyayı hiçbir şey içe aktarmadan modül haline getirmenin kullanışlı bir yoludur .

Doğru yol, TypeScript'e ne istediğinizi söylemektir. isolatedModulesDizininizin tsconfig.jsoniçinde oluşturmak istemiyorsanız testve ekleyin:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "isolatedModules": false
  },
}

"isolatedModules": trueYapılandırmaya eklemek ve ardından TypeScript denetleyicisini boş export {}kokular ekleyerek aldatmak bana kötü kodlar veriyor.

İzole modülleri kontrol etmeye çalışalım. Google'ı kontrol ettiğimde, bunun doğrudan bir bağlamı yok.

Temel olarak Typescript'in modülleri tek başına derlemesine izin verdiğiniz anlamına gelir.

Ama Typescript'ten geliyor ve Typescript'in isim alanlarına tercih ettiği modüller ile bir ilgisi var.

Modüller ayrıca bir modül yükleyiciye (CommonJs / Require.js gibi) veya ES Modüllerini destekleyen bir çalışma zamanına bağımlıdır. Modüller daha iyi kod yeniden kullanımı, daha güçlü izolasyon ve gruplama için daha iyi araç desteği sağlar.

Kaynak 1

Bir create-react-app typescript projesi kullanarak, typecript ve ts-jest'i yüklemiş olmanız gerekir (veya create-react-app, uygulamayı çıkarıp çıkarmamanıza bağlı olarak bağımlılıkları işlemelidir).

Ayrıca ts-jestbununla ilgili bazı bilgiler var:

Varsayılan olarak ts-jest, tam tip denetimi ve özelliklerle bir proje (sizin) bağlamında TypeScript derleyicisini kullanır. Ancak , TypeScript'in 'yalıtılmış modül' dediği her dosyayı ayrı ayrı derlemek için de kullanılabilir . IsolatedModules seçeneği (varsayılan olarak false olan) bunu yapar.

Kaynak 2

exportKomutu kullanır kullanmaz, dışa aktarılanlardan bir modül oluşturuyorsunuz.

Eğer ts-jest kullanıyorsanız, bu ayarları diğer modüllerinizi etkilemeden ekleyebilirsiniz, bu da create-react-app içerecektir.

"ts-jest": {
  "isolatedModules": false
}

Profesyoneller ve eksiler için ts-jest sayfasını (ikinci kaynak) kontrol edin.