Awalnya saya tidak begitu mengerti nilai dari kesepakatan ini, jadi saya mencobanya, dan saya langsung ketagihan. ) izinkan saya memulai dengan mengatakan ini SOOOO super ramping. Menjalankan beberapa bug dengan sengaja dan ditampilkan deskripsi langsung dan tepat dari bug yang telah saya buat. Fitur debug sepadan dengan harganya saja. Kemudian saya memutar proyek reaksi dalam hitungan detik, (berputar artinya saya mengklik tombol. ) dan pratinjau langsung INSTAN ada di sana. tidak ada npm run start atau apapun. dan hampir semua kerangka frontend panas yang dapat Anda pikirkan tentang vue. js 3 ada. dan berbagai kerangka kerja css termasuk favorit pribadi saya. penarik css. sangat senang
Bagus untuk belajar, menguji, dan menghemat waktu
Saya menggunakan ini untuk mempelajari dan menguji berbagai teknologi web. Lewat sudah waktu yang dihabiskan untuk menyiapkan semuanya, saya juga mendapatkan pratinjau langsung langsung dari pekerjaan saya ditambah dengan konsol yang berguna. Saya bekerja dengan tailwindcss, alpinejs, bootstrap dan saya dapat dengan mudah menjelajahi teknologi lainnya. Penulis responsif dan memelihara aplikasi. Saya meminta beberapa kerangka kerja, ini kemudian ditambahkan. Saya senang memiliki alat ini di gudang senjata saya karena alat ini mengubah cara saya sekarang bekerja di web
Tempat sentral untuk mencoba kode dan menguji ide-ide baru
Saya memerlukan pusat (online) untuk mencoba kode dan menguji ide-ide baru. PlayCode mudah digunakan, elegan, dan tampaknya telah mencakup semua kerangka kerja dan pustaka utama
Hanya apa yang saya cari
Itu bagus sekali. Alat yang sangat diremehkan, sangat berguna untuk pengembang dan penggemar pengembang lainnya dan semua orang yang ingin belajar coding
Editor kode yang menarik dan berguna terutama fitur subdomainnya luar biasa. Saya akan merekomendasikan orang untuk mencoba Playcode. Kerja bagus, lanjutkan
Pengalaman yang sangat menyenangkan, editor cantik yang memenuhi semua kebutuhan JavaScript, kemampuan untuk menambahkan pustaka eksternal sangat bagus, jendela dan menyesuaikannya adalah salah satu fitur terbaik, juga yang terpenting adalah konsol dan menunjukkan hasilnya dalam jendela terpisah, hal yang sangat hebat. Saya sangat merekomendasikan untuk mencobanya, itu sangat berharga
Memulai adalah opsi root di TSConfig - opsi ini berhubungan dengan bagaimana proyek TypeScript atau JavaScript Anda disiapkan
{ "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } } Menentukan daftar file yang diizinkan untuk disertakan dalam program. Terjadi kesalahan jika salah satu file tidak dapat ditemukan { "compilerOptions": {}, "files": [ "core.ts", "sys.ts", "types.ts", "scanner.ts", "parser.ts", "utilities.ts", "binder.ts", "checker.ts", "tsc.ts" ] } Ini berguna ketika Anda hanya memiliki sejumlah kecil bundel dan tidak perlu menggunakan glob untuk mereferensikan banyak bundel. Jika Anda membutuhkannya, gunakanlah { "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } }File -
Memperpanjang -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_65Nilai
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_65 adalah string yang berisi jalur ke file konfigurasi lain untuk diwarisi. Strip tersebut dapat menggunakan resolusi gaya Node. jsKonfigurasi dari file dasar dimuat terlebih dahulu, kemudian diganti dengan yang ada di file konfigurasi lama. Semua jalur relatif yang ditemukan di file konfigurasi akan diselesaikan relatif terhadap file konfigurasi asalnya
Perlu dicatat bahwa
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_60,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
61 dan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
64 dari file konfigurasi penerus menimpa konfigurasi dari file konfigurasi asli, dan sirkularitas antara file konfigurasi tidak diperbolehkanSaat ini, satu-satunya properti lantai atas yang dibebaskan dari warisan adalah
Contoh
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_71{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_72{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_73{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
Properti dengan jalur relatif yang ditemukan di file konfigurasi, yang tidak dikecualikan dari pewarisan, akan diselesaikan relatif terhadap file konfigurasi asalnya
- Bawaan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_62 - Dilepaskan
2. 1
Termasuk (_Sertakan_) -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
61Menentukan larik nama file atau instance file untuk disertakan dalam program. Nama file ini ditetapkan ke direktori yang berisi file
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72json
{
"include": ["src/**/*", "tests/**/*"]
}
Itu akan menutupi
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_61 dan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
64 mendukung karakter untuk menciptakan pola global{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
79 cocok dengan nol atau lebih karakter (tidak termasuk pemisah direktori){
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_80 cocok dengan salah satu karakter (tidak termasuk pemisah direktori){
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_81 cocok dengan direktori apa pun yang ditinggikan
Jika contoh umum tidak menyertakan ekstensi file, maka hanya file dengan ekstensi yang didukung yang disertakan (misalnya
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
82,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
83, dan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
84 secara default, dengan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85 dan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
86 jika{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
87 disetel ke true)- Bawaan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
88 jika ditentukan,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
90 jika tidak - Terkait
- Dilepaskan
2. 0
Kecualikan -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_64Menentukan array nama berkas atau pola yang harus dilewati saat menyelesaikan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
61Penting.
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
64 hanya mengubah berkas mana yang disertakan sebagai hasil dari pengaturan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
61. Berkas yang ditentukan oleh{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
64 masih bisa menjadi bagian dari basis kode Anda karena pernyataan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98 dalam kode Anda, penyertaan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
99, perintah{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
00, atau ditentukan dalam daftar{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
60Ini bukan mekanisme yang mencegah berkas untuk disertakan dalam basis kode - ini hanya mengubah apa yang ditemukan oleh setelan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
61- Bawaan
node_modules,bower_components,jspm_packages,
- Terkait
Referensi -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
06Referensi proyek adalah cara untuk menyusun program TypeScript Anda menjadi bagian-bagian yang lebih kecil. Menggunakan Referensi Proyek dapat sangat meningkatkan waktu interaksi build dan editor, menerapkan pemisahan logika antar komponen, dan mengatur kode Anda dengan cara yang baru dan lebih baik
Anda dapat membaca lebih lanjut tentang bagaimana cara kerja referensi di bagian Referensi Proyek dari buku pegangan
- Bawaan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_62
Pilihan - Pilihan Kompiler
Banyak pilihan yang membuat jumlah besar di pengaturan Typescript’s dan itu juga meliputi bagaimana bahasa seharusnya bekerja
Type Checking
Izinkan Kode Tak Terjangkau -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
08Kapan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
09 default memberikan saran sebagai peringatan kepada editor{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10 kode yang tidak dapat dijangkau diabaikan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 menimbulkan galat kompiler tentang kode yang tidak dapat dijangkau
Peringatan ini hanya tentang kode yang terbukti tidak dapat dijangkau karena penggunaan sintaks JavaScript, misalnya
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
Dengan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
12ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
TryIni tidak mempengaruhi galat atas dasar kode yang muncul menjadi tidak dapat dijangkau karena menggolongkan uraian
- Dilepaskan
1. 8
Izinkan Label yang Tidak Digunakan -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
13Setel ke false untuk menonaktifkan peringatan tentang label yang tidak digunakan
Label sangat jarang di JavaScript dan biasanya menunjukkan upaya untuk menulis objek dengan tepat
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try- Dilepaskan
1. 8
Selalu Tepat -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
14Pastikan bahwa berkas Anda diurai di Mode strict EcmaScript, dan mengeluarkan “use strict” untuk setiap berkas asal
ECMAScript strict mode strict diperkenalkan di ES5 dan memberikan perubahan perilaku pada waktu proses mesin JavaScript untuk meningkatkan kinerja dan membuat kesalahan muncul agar diabaikan
- Recommended
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
2. 1
ExactOptionalPropertyTypes - ________11______19
Dengan mengaktifkan exactOptionalPropertyTypes, TypeScript menerapkan aturan yang lebih ketat tentang cara menangani properti pada
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
20 atau{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
21 yang memiliki awalan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
80Sebagai contoh, interface ini mendeklarasikan bahwa ada properti yang bisa berupa salah satu dari dua string. ‘dark’ or ‘light’ or it should not be in the object
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
Tanpa bendera ini diaktifkan, ada tiga nilai yang dapat Anda atur
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
23 menjadi. "gelap", "terang" dan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
09Menyetel nilai ke
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_09 akan membuat sebagian besar pemeriksaan runtime JavaScript untuk keberadaan gagal, yang secara efektif salah. Namun, ini kurang akurat{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
26 tidak sama dengan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
23 tidak didefinisikan. Misalnya{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_28 akan memiliki perilaku yang berbeda dengan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
09 sebagai kunci dibandingkan dengan tidak didefinisikan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_19 membuat TypeScript benar-benar menegakkan definisi yang diberikan sebagai properti opsional{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
0- Recommended
- Dilepaskan
4. 4
Tidak Ada Kasus Kejatuhan Di Switch -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
31Laporkan error untuk kasus fallthrough dalam pernyataan peralihan. Memastikan bahwa case yang tidak kosong di dalam pernyataan switch mencakup
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
32 atau{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
33. Ini berarti Anda tidak akan secara tidak sengaja mengirim bug fallthrough kasus{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_1- Dilepaskan
1. 8
Tidak Ada Yang Tersirat -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_34Dalam beberapa kasus, jika tidak ada anotasi tipe yang ada, TypeScript akan kembali ke tipe dari
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
35 untuk variabel yang pada saat itu tidak dapat menyimpulkan tipenyaIni dapat menyebabkan beberapa kesalahan terlewatkan, misalnya
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_2Aktifkan opsi
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
34 tetapi TypeScript akan memunculkan kesalahan setiap kali{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
35 disimpulkan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_3- Recommended
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
noImplicitOverride -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
42Saat bekerja dengan kelas yang menggunakan pewarisan, subkelas mungkin "tidak sinkron" dengan fungsi yang kelebihan beban saat diganti namanya di kelas dasar
Misalnya, bayangkan Anda sedang memodelkan sistem sinkronisasi album musik
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_4Kemudian ketika Anda menambahkan dukungan untuk daftar putar yang dihasilkan pembelajaran mesin, Anda memfaktorkan ulang kelas
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
43 untuk memiliki fungsi 'penyiapan' sebagai gantinya{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
5Dalam hal ini, TypeScript tidak memberikan peringatan bahwa
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
44 pada{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
45 diharapkan menimpa fungsi di kelas dasarMenggunakan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_42 Anda dapat memastikan bahwa sub-kelas tidak pernah keluar dari sinkronisasi, dengan memastikan bahwa fungsi yang menimpa menyertakan kata kunci{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
47Contoh berikut telah mengaktifkan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_42, dan Anda dapat melihat kesalahan yang diterima saat{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
47 tidak ada{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_6- Dilepaskan
4. 3
Tidak Ada Pengembalian Implisit -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
50Saat diaktifkan, TypeScript akan memeriksa semua baris kode dalam suatu fungsi untuk memastikan mereka mengembalikan nilai
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_7- Dilepaskan
1. 8
Tidak Tersirat Ini -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_51Menyebabkan kesalahan pada pernyataan 'ini' dengan menyiratkan jenis 'apa saja'
Misalnya, kelas di bawah mengembalikan fungsi yang mencoba mengakses
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
52 dan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
53 - tetapi konteks untuk{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
54 dalam fungsi di{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
55, bukan turunan dari kelas Rectangle{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_8- Recommended
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
2. 0
noPropertyAccessFromIndexSignature -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
60Pengaturan ini memastikan konsistensi antara mengakses bidang melalui sintaks "titik" (
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
61), dan "diindeks" ({
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
62) dan cara properti dideklarasikan dalam tipeTanpa tanda ini, TypeScript akan memungkinkan Anda menggunakan sintaks titik untuk mengakses bidang yang tidak ditentukan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_9Mengaktifkan bendera akan menimbulkan kesalahan karena bidang yang tidak diketahui menggunakan sintaks titik, bukan sintaks yang diindeks
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_0Tujuan dari flag ini adalah untuk memberi sinyal maksud dalam sintaks panggilan Anda tentang seberapa yakin Anda bahwa properti ini ada
- Dilepaskan
4. 2
noUncheckedIndexedAccess -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
63TypeScript memiliki cara untuk mendeskripsikan objek yang memiliki kunci yang tidak diketahui tetapi nilai yang diketahui pada suatu objek, melalui tanda tangan indeks
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_1Mengaktifkan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_63 akan menambahkan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
09 ke bidang yang tidak dideklarasikan dalam jenis{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_2- Dilepaskan
4. 1
Tidak. Penduduk Lokal yang Tidak Digunakan - ________11______66
Laporkan kesalahan pada variabel lokal yang tidak digunakan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_3- Dilepaskan
2. 0
Tidak Ada Parameter yang Tidak Digunakan - ________11______67
Laporkan kesalahan pada parameter yang tidak digunakan dalam fungsi
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_4- Dilepaskan
2. 0
Ketat -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_16Bendera
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_16 memungkinkan berbagai perilaku pemeriksaan tipe yang menghasilkan jaminan yang lebih kuat atas kebenaran program. Mengaktifkannya sama dengan mengaktifkan semua opsi keluarga mode ketat, yang diuraikan di bawah ini. Anda kemudian dapat menonaktifkan pemeriksaan keluarga mode ketat individu sesuai kebutuhanVersi TypeScript yang akan datang dapat memperkenalkan pemeriksaan tambahan yang lebih ketat di bawah bendera ini, sehingga pemutakhiran TypeScript dapat menyebabkan kesalahan jenis baru di program Anda. Jika sesuai dan memungkinkan, bendera terkait akan ditambahkan untuk menonaktifkan perilaku tersebut
- Recommended
- Terkait
- Dilepaskan
2. 3
Terapkan Panggilan Ikatan Ketat -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
72Saat disetel, TypeScript akan memeriksa bahwa metode fungsi bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
79,{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
80, dan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
81 dipanggil dengan argumen yang benar untuk fungsi yang mendasarinya{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_5Jika tidak, fungsi ini menerima argumen apa pun dan akan mengembalikan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
35{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_6- Recommended
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
3. 2
Jenis Fungsi Ketat -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
73Saat diaktifkan, flag ini menyebabkan parameter fungsi diperiksa dengan lebih benar
Berikut adalah contoh dasar dengan ________11______73 off
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_7Dengan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_73 aktif, kesalahan terdeteksi dengan benar{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_8Selama pengembangan fitur ini, kami menemukan sejumlah besar hierarki kelas yang pada dasarnya tidak aman, termasuk beberapa di DOM. Oleh karena itu, pengaturan ini hanya berlaku untuk fungsi yang ditulis dalam sintaks fungsi, bukan yang ada dalam sintaks metode
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_9- Recommended
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
2. 6
Cek Null Ketat -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
71Ketika
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_71 adalah{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62,{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
97 dan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
09 secara efektif diabaikan oleh bahasa. Ini dapat menyebabkan kesalahan tak terduga saat runtimeKetika
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_71 adalah{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10,{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
97 dan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
09 memiliki jenisnya sendiri yang berbeda dan Anda akan mendapatkan kesalahan jenis jika Anda mencoba menggunakannya di mana nilai konkret diharapkanMisalnya dengan kode TypeScript ini,
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_03 tidak memiliki jaminan bahwa itu benar-benar akan menemukan pengguna, tetapi Anda dapat menulis kode seolah-olah itu akan{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
0Pengaturan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_71 ke{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10 akan menimbulkan kesalahan bahwa Anda belum membuat jaminan bahwa{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
06 ada sebelum mencoba menggunakannya{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
1Contoh kedua gagal karena fungsi
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
07 array terlihat seperti penyederhanaan ini{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
2- Recommended
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
2. 0
Inisialisasi Properti Ketat -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_74Saat disetel ke true, TypeScript akan memunculkan kesalahan saat properti kelas dideklarasikan tetapi tidak disetel di konstruktor
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
3Dalam kasus di atas
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
13 diatur secara khusus{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
14 diatur secara default{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
15 tidak diatur dan menimbulkan kesalahan{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
16 dinyatakan sebagai berpotensi{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
09 yang berarti tidak harus ditetapkan
- Recommended
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
2. 7
useUnknownInCatchVariables - ________11______77
Di TypeScript 4. 0, dukungan ditambahkan untuk memungkinkan perubahan jenis variabel dalam catch clause dari
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
35 menjadi{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
24. Mengizinkan kode seperti{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
4Pola ini memastikan bahwa kode penanganan error menjadi lebih komprehensif karena Anda tidak dapat menjamin bahwa objek yang dilempar adalah subkelas Error sebelumnya. Dengan bendera
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
77 diaktifkan, maka Anda tidak memerlukan sintaks tambahan ({
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
26) atau aturan linter untuk mencoba menerapkan perilaku ini- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
4. 4
Modul
Izinkan Akses Global Umd -
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
31Jika disetel ke true,
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_31 memungkinkan Anda mengakses ekspor UMD sebagai global dari dalam bundel modul. File modul adalah file yang telah diimpor dan/atau diekspor. Tanpa opsi ini, menggunakan ekspor dari modul UMD memerlukan deklarasi imporContoh kasus penggunaan untuk opsi ini adalah proyek web tempat Anda mengetahui bahwa pustaka tertentu (seperti jQuery atau Lodash) akan selalu tersedia saat runtime, tetapi Anda tidak dapat mengaksesnya dengan impor
- Dilepaskan
3. 5
Url Dasar -
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_33Memungkinkan Anda menyetel direktori dasar untuk menyelesaikan nama modul dengan benar
Anda dapat menentukan folder root tempat Anda dapat melakukan keputusan file yang sebenarnya, misalnya
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
5Dengan
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_34 dalam proyek ini TypeScript akan mencari file mulai dari folder yang sama dengan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
6Jika Anda bosan selalu mengimpor seperti
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
36 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
37. Atau harus mengubah saat Anda memindahkan file, ini adalah cara terbaik untuk memperbaikinyaModul -
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_38Mengatur sistem modul untuk program. Lihat halaman referensi Modul untuk informasi lebih lanjut. Anda kemungkinan besar ingin
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
39 untuk proyek simpulMengubah
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_38 mempengaruhi yang juga memiliki halaman referensiBerikut beberapa contoh keluaran untuk file ini
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
7{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_42{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
8{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_43{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_9{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_44json
{
"include": ["src/**/*", "tests/**/*"]
}
0{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_45json
{
"include": ["src/**/*", "tests/**/*"]
}
1{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_46json
{
"include": ["src/**/*", "tests/**/*"]
}
2{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_47json
{
"include": ["src/**/*", "tests/**/*"]
}
3{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
48/{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
49json
{
"include": ["src/**/*", "tests/**/*"]
}
_4Jika Anda bertanya-tanya tentang perbedaan antara
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_48 (alias{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
49) dan{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
47,{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
47 menambahkan dukungan untuk{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98 dinamis, dan{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
55{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
56/{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
57 (bangunan malam)Tersedia dari 4. 7+, mode
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_56 dan{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
57 terintegrasi dengan dukungan Modul ECMAScript asli Node. JavaScript yang dipancarkan menggunakan output{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_42 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
47 tergantung pada ekstensi file dan nilai pengaturan{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
20 di{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
63 terdekat. Resolusi modul juga bekerja secara berbeda. Anda dapat mempelajari lebih lanjut di buku pegangan{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_64json
{
"include": ["src/**/*", "tests/**/*"]
}
5- Bawaan
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
42 jika{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
67 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
68,,{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
49/{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
48 sebaliknya - Diizinkan
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_71{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_72{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_73{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_74{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
75{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
76/{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
77{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_78{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_79{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
80{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_56{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
57
- Terkait
- Dilepaskan
1. 0
Resolusi Modul - ________13______41
Tentukan strategi resolusi modul
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
85 untuk Node. Implementasi CommonJS.js{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
86 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
87 untuk Node. Dukungan Modul ECMAScript js{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
88 digunakan dalam TypeScript sebelum rilis 1. 6. Anda mungkin tidak perlu menggunakan ________13______89 dalam kode modern
Ada halaman referensi buku pegangan tentang Resolusi Modul
- Bawaan
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
90 jika{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
44,{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
43,{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
45 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
49/{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
48,,Cocok jika{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
98 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
57, jika tidak,________17_____ - Diizinkan
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_89json
{
"include": ["src/**/*", "tests/**/*"]
}
_02{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_56{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
57
- Terkait
moduleSuffixes -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_06Menyediakan cara untuk mengganti daftar default sufiks nama file untuk dicari saat menyelesaikan modul
json
{
"include": ["src/**/*", "tests/**/*"]
}
6Mengingat konfigurasi di atas, impor seperti berikut
json
{
"include": ["src/**/*", "tests/**/*"]
}
7TypeScript akan mencari file relatif
json
{
"include": ["src/**/*", "tests/**/*"]
}
07,json
{
"include": ["src/**/*", "tests/**/*"]
}
08, dan akhirnyajson
{
"include": ["src/**/*", "tests/**/*"]
}
09Perhatikan string kosong
json
{
"include": ["src/**/*", "tests/**/*"]
}
_10 yang diperlukan untuk TypeScript juga mencarijson
{
"include": ["src/**/*", "tests/**/*"]
}
09Fitur ini dapat berguna untuk proyek React Native di mana setiap platform target dapat menggunakan tsconfig terpisah. json dengan perbedaan
json
{
"include": ["src/**/*", "tests/**/*"]
}
06- Dilepaskan
4. 7
Tidak. Selesaikan -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_14Secara default, TypeScript akan memeriksa kumpulan file awal untuk
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98 danjson
{
"include": ["src/**/*", "tests/**/*"]
}
16 arahan dan menambahkan file yang diselesaikan ini ke program AndaJika
json
{
"include": ["src/**/*", "tests/**/*"]
}
_14 disetel, proses ini tidak terjadi. Namun, pernyataan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_98 masih diperiksa untuk melihat apakah mereka menyelesaikan ke modul yang valid, jadi Anda harus memastikan ini dipenuhi dengan cara lainJalur -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_19Serangkaian entri yang memetakan ulang impor ke lokasi pencarian relatif terhadap. Ada cakupan yang lebih besar dari
json
{
"include": ["src/**/*", "tests/**/*"]
}
19 injson
{
"include": ["src/**/*", "tests/**/*"]
}
19 memungkinkan Anda menyatakan bagaimana TypeScript harus menyelesaikan impor dijson
{
"include": ["src/**/*", "tests/**/*"]
}
23/{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98s Andajson
{
"include": ["src/**/*", "tests/**/*"]
}
8Ini akan memungkinkan Anda untuk dapat menulis
json
{
"include": ["src/**/*", "tests/**/*"]
}
25, dan mendapatkan semua pengetikan yang benar secara lokaljson
{
"include": ["src/**/*", "tests/**/*"]
}
_9In this case, you can tell the TypeScript file resolver to support a number of custom prefixes to find code. Pola ini dapat digunakan untuk menghindari jalur relatif panjang dalam basis kode Anda
Menyelesaikan Module JSON -
json
{
"include": ["src/**/*", "tests/**/*"]
}
26Mengizinkan mengimpor modul dengan ekstensi '. json’ merupakan praktik umum pada proyek node. Ini termasuk membuat tipe untuk
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_98 berdasarkan formulir JSON statisTypeScript tidak mendukung penyelesaian berkas JSON secara bawaan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_0Mengaktifkan opsi memungkinkan impor JSON, dan ketik validasi dalam file JSON
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
1Root Dir -
json
{
"include": ["src/**/*", "tests/**/*"]
}
28Bawaan. Jalur umum terpanjang dari semua file input non-deklarasi. Jika
json
{
"include": ["src/**/*", "tests/**/*"]
}
_29 disetel, defaultnya adalah direktori yang berisi file{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72Ketika TypeScript mengkompilasi file, itu mempertahankan struktur direktori yang sama di direktori keluaran seperti struktur di direktori masukan
Misalnya, Anda memiliki beberapa file masukan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_2Kesimpulan untuk
json
{
"include": ["src/**/*", "tests/**/*"]
}
28 adalah jalur umum terpanjang dari semua bundel input non-deklarasi, yang dalam hal ini adalahjson
{
"include": ["src/**/*", "tests/**/*"]
}
32Jika nilai
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_03 Anda adalahjson
{
"include": ["src/**/*", "tests/**/*"]
}
34, maka TypeScript akan membuat struktur direktori seperti ini. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_3Namun, Anda mungkin berharap
json
{
"include": ["src/**/*", "tests/**/*"]
}
_35 menjadi bagian dari struktur direktori keluaran. Dengan mengaturjson
{
"include": ["src/**/*", "tests/**/*"]
}
_36 ke{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72, TypeScript akan menghasilkan struktur direktori seperti ini. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_4Yang terpenting,
json
{
"include": ["src/**/*", "tests/**/*"]
}
_28 tidak memengaruhi file mana yang merupakan bagian dari kompilasi.json
{
"include": ["src/**/*", "tests/**/*"]
}
28 tidak ada hubungannya dengan pengaturan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
61,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
64, atau{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
60 pada{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72Perhatikan bahwa TypeScript tidak akan pernah menulis file keluaran ke direktori di luar
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
03, dan tidak akan pernah melewatkan keluaran file. Untuk alasan ini,json
{
"include": ["src/**/*", "tests/**/*"]
}
_28 mengharuskan semua file yang perlu dikeluarkan berada di bawah barisjson
{
"include": ["src/**/*", "tests/**/*"]
}
28Misalnya, Anda memiliki struktur direktori seperti ini
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_5Ini akan menyebabkan kesalahan saat menentukan
json
{
"include": ["src/**/*", "tests/**/*"]
}
28 sebagaijson
{
"include": ["src/**/*", "tests/**/*"]
}
35 dan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
61 sebagai{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
79 karena ini membuat bundel (json
{
"include": ["src/**/*", "tests/**/*"]
}
51) yang perlu ditempatkan di luar{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
03 (yaitujson
{
"include": ["src/**/*", "tests/**/*"]
}
53)- Bawaan
Dihitung dari daftar file input
- Dilepaskan
1. 5
Root Dirs -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_54Dengan menggunakan
json
{
"include": ["src/**/*", "tests/**/*"]
}
_54, Anda dapat memberi tahu kompiler bahwa ada banyak direktori "virtual" yang bertindak sebagai salah satu akar (root). Ini memungkinkan kompiler untuk menyelesaikan impor pada modul relatif di direktori "virtual", seolah-olah digabungkan ke dalam satu direktoriSebagai contoh
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
6. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
7Ini tidak mempengaruhi bagaimana Typescript menghasilkan Javascript, itu hanya meniru asumsi bahwa mereka akan dapat melakukan pekerjaan melalui Paths relatif tersebut saat runtime
- Bawaan
Dihitung dari daftar file input
- Dilepaskan
2. 0
Ketik Akar -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_56Secara default, semua paket ”
json
{
"include": ["src/**/*", "tests/**/*"]
}
57” yang terlihat disertakan dalam kompilasi Anda. Paket dijson
{
"include": ["src/**/*", "tests/**/*"]
}
58 folder terlampir dianggap terlihat. Misalnya, itu berarti paket dalamjson
{
"include": ["src/**/*", "tests/**/*"]
}
59,json
{
"include": ["src/**/*", "tests/**/*"]
}
60,json
{
"include": ["src/**/*", "tests/**/*"]
}
61, dan seterusnyaJika
json
{
"include": ["src/**/*", "tests/**/*"]
}
_56 ditentukan, hanya paket di bawahjson
{
"include": ["src/**/*", "tests/**/*"]
}
56 yang akan disertakan. Sebagai contoh. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_8File konfigurasi ini akan mencakup semua paket di bawah
json
{
"include": ["src/**/*", "tests/**/*"]
}
64 danjson
{
"include": ["src/**/*", "tests/**/*"]
}
65, dan tidak ada paket darijson
{
"include": ["src/**/*", "tests/**/*"]
}
66. Semua jalur relatif terhadap{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72- Terkait
Jenis -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_99Secara default, semua paket yang terlihat ”
json
{
"include": ["src/**/*", "tests/**/*"]
}
_57” disertakan dalam kompilasi Anda. Paket dijson
{
"include": ["src/**/*", "tests/**/*"]
}
58 yang terletak di folder lain dianggap terlihat. Misalnya, paket yang berlokasi dijson
{
"include": ["src/**/*", "tests/**/*"]
}
_59,json
{
"include": ["src/**/*", "tests/**/*"]
}
60,json
{
"include": ["src/**/*", "tests/**/*"]
}
61, dan seterusnya dianggap terlihatJika
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_99 telah ditentukan, hanya paket terdaftar yang akan disertakan dalam lingkup global, misalnya. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_9File ini
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_72 hanya akan berisijson
{
"include": ["src/**/*", "tests/**/*"]
}
77,json
{
"include": ["src/**/*", "tests/**/*"]
}
78 danjson
{
"include": ["src/**/*", "tests/**/*"]
}
79. Paket lain di bawah direktorijson
{
"include": ["src/**/*", "tests/**/*"]
}
_80 tidak akan disertakanApa dampaknya?
Opsi ini tidak mempengaruhi bagaimana
json
{
"include": ["src/**/*", "tests/**/*"]
}
_81 disertakan dalam kode aplikasi Anda, Misalnya, ketika Anda memilikijson
{
"include": ["src/**/*", "tests/**/*"]
}
82 seperti pada contoh di atas dan kode sebagai berikutts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_0Impor
json
{
"include": ["src/**/*", "tests/**/*"]
}
_83 akan diketik sepenuhnyaKetika Anda memiliki opsi ini dalam pengaturan tanpa menyertakan modul dalam larik
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
99, maka- globals tidak akan ditambahkan ke proyek Anda (mis.
json
{
"include": ["src/**/*", "tests/**/*"]
}
85 di node ataujson
{
"include": ["src/**/*", "tests/**/*"]
}
86 di Jest) - Ekspor tidak akan muncul sebagai rekomendasi impor otomatis
Pengaturan pada fitur ini hanya untuk menentukan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
99 yang ingin Anda sertakan, sementara itu mendukung ketika Anda hanya menginginkan folder tertentu- Terkait
Memancarkan
Deklarasi -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_90Buat file
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_84 untuk setiap file TypeScript atau JavaScript di proyek Anda. File ________0______84 ini adalah file definisi tipe yang menjelaskan API eksternal modul Anda. Dengan file{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_84, alat seperti TypeScript dapat memberikan tipe yang masuk akal dalam kode sumber tanpa definisi tipe dataJika
json
{
"include": ["src/**/*", "tests/**/*"]
}
_90 disetel ke{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10, jalankan kompiler dengan kode TypeScriptts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_1Akan menghasilkan bundel
json
{
"include": ["src/**/*", "tests/**/*"]
}
_96 seperti inits
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_2Dengan
json
{
"include": ["src/**/*", "tests/**/*"]
}
_97 yang sesuaits
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_3Saat bekerja dengan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_84 file untuk file JavaScript, Anda mungkin ingin menggunakan atau menggunakan untuk memastikan bahwa file JavaScript tidak ditimpa- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
1. 0
Pernyataan Direktur -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_04Menawarkan cara untuk mengonfigurasi direktori root tempat file deklarasi dihasilkan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_4dengan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_72;ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_5Akan menempatkan d. ts untuk
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_08 di direktori{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
99ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_6- Terkait
- Dilepaskan
2. 0
_Deklarasi Peta_ -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
11Menghasilkan peta sumber untuk bundel
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_84 yang menunjuk kembali ke bundel sumber{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
82 asli. Ini akan memungkinkan editor seperti VS Code untuk membuka file{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
82 asli saat menggunakan fitur seperti Buka DefinisiAnda harus mempertimbangkan untuk mengaktifkan ini jika Anda menggunakan referensi proyek
- Dilepaskan
2. 9
Iterasi tingkat bawah -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_15Downleveling adalah istilah TypeScript untuk mengubah ke versi JavaScript yang lebih lama. Saran ini adalah untuk mengaktifkan dukungan implementasi yang lebih akurat tentang bagaimana JavaScript modern melakukan iterasi melalui konsep baru dalam runtime JavaScript lama
ECMAScript 6 menambahkan beberapa primitif iterasi baru. loop
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_16 (. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
17), Penyebaran array (. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
18), penyebaran argumen (. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
19), dan. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
20.. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_21 memungkinkan iterasi primitif ini digunakan lebih akurat di lingkungan ES5 jika ada implementasi. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
20Contoh. Efek pada
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_16Tanpa
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_15 aktif, loop. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
16 pada objek apa pun diturunkan ke loop. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
26 tradisionalts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_7Ini sering kali yang diharapkan orang, tetapi tidak 100% kompatibel dengan perilaku ECMAScript 6. String tertentu, seperti emoji (😜), memiliki
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
27 2 (atau bahkan lebih. ), tetapi harus diulang sebagai 1 unit dalam. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
28 loop. Lihat posting blog oleh Jonathan New untuk penjelasan yang lebih lengkapJika
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_15 diaktifkan, TypeScript akan menggunakan fungsi pembantu yang memeriksa implementasi. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
20 (asli dan polyfill). Jika implementasi ini hilang, Anda akan kembali ke iterasi berbasis indeksts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_8Catatan. aktifkan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_15 tidak meningkatkan kepatuhan jika. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
20 tidak ada saat runtime
Contoh. Efek pada Array Spread
ini adalah array yang tersebar
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_9Berdasarkan uraiannya, tampaknya mudah untuk melakukan downgrade ke ES5
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try0Namun, ini sangat berbeda dalam kasus langka tertentu. Misalnya, jika array memiliki "lubang" di dalamnya, indeks yang hilang akan membuat properti sendiri jika disebarkan, tetapi tidak jika dibuat menggunakan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
33ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try1Seperti
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_16,. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
15 akan menggunakan. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
20 (jika tersedia) untuk lebih akurat meniru perilaku ES 6- Terkait
- Dilepaskan
2. 3
_Emit BOM_ - ________18______38
Mengontrol apakah TypeScript akan menghasilkan tanda urutan byte (tanda urutan byte - BOM) saat menulis file keluaran. Beberapa lingkungan runtime memerlukan BOM untuk menginterpretasikan paket JavaScript dengan benar; . Nilai default
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_62 umumnya terbaik kecuali Anda memiliki alasan untuk mengubahnyaBuat Deklarasi Saja -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_99Hanya menghasilkan bundel
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_84;Pengaturan ini berguna dalam dua kasus
- Anda menggunakan transpiler selain TypeScript untuk membuat JavaScript Anda
- Anda menggunakan TypeScript hanya untuk menghasilkan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
43 file untuk pelanggan Anda
- Terkait
- Dilepaskan
2. 8
Pembantu Impor -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_37Untuk operasi penurunan versi tertentu, TypeScript menggunakan beberapa kode pendukung untuk operasi seperti perluasan kelas, pengumpulan (penyebaran) larik atau objek, dan operasi penghubung. Secara umum, dukungan ini disertakan dalam paket yang menggunakannya. Ini dapat mengakibatkan duplikasi kode jika dukungan yang sama digunakan di banyak file berbeda
Jika
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_37 kode ini aktif, fungsi dukungan ini diimpor dari modul tslib. Anda perlu memastikan bahwa modul file ________18______47 dapat diimpor saat runtime. Ini hanya memengaruhi modul, bundel kode tidak akan mencoba mengimpor modulMisalnya, dengan TypeScript
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try2Dipasang dan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_37 masih salahts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try3Kemudian aktifkan keduanya dan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_37ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try4Anda dapat menggunakan saat menyediakan implementasi untuk fungsi-fungsi ini
- Terkait
Impor Tidak Digunakan Sebagai Nilai -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
55Kode ini mengontrol cara kerja
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_98, ada 3 opsi berbeda. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_57. Perilaku umum untuk menghilangkan pernyataan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_98 yang hanya berupa kata. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_59. Pertahankan semua pernyataan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_98 yang nilai atau kata-katanya tidak pernah digunakan. Ini dapat menyebabkan efek impor/samping yang masih dipertahankan. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_61. Ini mempertahankan semua impor (seperti opsi), tetapi akan error jika impor nilai hanya digunakan sebagai tipe data. Ini mungkin berguna jika Anda ingin memastikan bahwa tidak ada nilai yang diimpor secara tidak sengaja, tetapi tetap membuat impor menjadi eksplisit
Kode ini berfungsi karena Anda dapat menggunakan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
62 secara eksplisit dengan pernyataan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98 yang tidak dapat dimasukkan ke dalam JavaScript- Bawaan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_57 - Diizinkan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_57. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_59. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_61
- Dilepaskan
3. 8
Peta Sumber Daya Online -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_68Jika disetel, saat menulis file
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_69 untuk menyediakan peta sumber, TypeScript akan menyematkan konten peta sumber di file{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85. Meskipun ini menghasilkan file JS yang lebih besar, ini dapat disederhanakan di beberapa level. Misalnya anda mungkin ingin mencoba berkas JS pada server web, tapi tidak mengizinkan berkas. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
71 untuk ditampilkanTerpisah satu sama lain
Misalnya, dengan TypeScript
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try5Di ubah menjadi JavaScript
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try6Kemudian aktifkan build dengan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_68, ada komentar di bagian bawah file yang menyertakan peta sumber untuk file tersebutts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try7- Dilepaskan
1. 5
Sumber Daya Online -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_74Jika terlihat, TypeScript akan menyertakan konten asli dari bundel
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
82 sebagai string yang disematkan di peta sumber daya. Ini sering berguna dalam kasus yang sama dengan ________18______68Membutuhkan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_72 atau. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
68 untuk menyempurnakanMisalnya, dengan TypeScript
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try8Di ubah menjadi JavaScript
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try6Kemudian dengan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_74 dan. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
68 diaktifkan, ada komentar di bagian bawah file yang menyertakan peta sumber untuk file tersebut. Perhatikan bahwa ada perbedaan di akhir [. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
68] (# inlineSourceMap) karena peta sumber sekarang berisi kode sumber aslits
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_0- Dilepaskan
1. 5
Peta Akar -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_82Tentukan lokasi tempat debugger harus mencari file peta, bukan lokasi yang dibuat. String ini diperlakukan secara verbatim di dalam source-map, misalnya
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try1Would declare that
json
{
"include": ["src/**/*", "tests/**/*"]
}
96 will have sourcemaps at. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
84New Line -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
85Specify the end of line sequence to be used when emitting files. ‘CRLF’ (dos) or ‘LF’ (unix)
- Bawaan
Platform specific
- Diizinkan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
86. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
87
- Dilepaskan
1. 5
No Emit -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
88Do not emit compiler output files like JavaScript source code, source-maps or declarations
This makes room for another tool like Babel, or swc to handle converting the TypeScript file to a file which can run inside a JavaScript environment
You can then use TypeScript as a tool for providing editor integration, and as a source code type-checker
No Emit Helpers -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
52Instead of importing helpers with , you can provide implementations in the global scope for the helpers you use and completely turn off emitting of helper functions
For example, using this
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
91 function in ES5 requires a. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
92-like function and. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
93-like function to runts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try2Which creates quite a lot of JavaScript
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try3Which can be switched out with your own globals via this flag
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try4- Terkait
- Dilepaskan
1. 5
No Emit On Error -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
95Do not emit compiler output files like JavaScript source code, source-maps or declarations if any errors were reported
This defaults to
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62, making it easier to work with TypeScript in a watch-like environment where you may want to see results of changes to your code in another environment before making sure all errors are resolved- Dilepaskan
1. 4
Out Dir -
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
03Jika ditentukan, berkas-berkas
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85 (maupun{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
84,. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
69, dsb. ) akan disertakan ke dalam direktori ini. Struktur direktori dari sumber awal berkas-berkas juga dipertahankan; lihat jika akar yang di perhitungkan bukan yang anda inginkanJika tidak ditentukan, berkas-berkas
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85 akan disertakan di direktori yang sama dengan berkas-berkas{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
82 dari mana mereka di hasilkants
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try5Dengan suatu
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72 seperti inits
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try6Menjalankan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
04 dengan pengaturan ini dapat memindahkan berkas-berkas ke direktorijson
{
"include": ["src/**/*", "tests/**/*"]
}
34ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try7- Terkait
Out File -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
07Jika ditentukan, semua berkas global (non-module) akan digabung menjadi satu berkas keluaran tertentu
Jika
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
38 adalah{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
75 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
73, semua berkas modul juga akan digabungkan menjadi berkas ini setelah semua konten globalCatatan.
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
07 tidak dapat digunakan kecuali{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
38 adalah{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
64,{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
45, atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
44. Opsi ini tidak bisa digunakan untuk membundel modul CommonJS atau ES6- Terkait
- Dilepaskan
1. 0
Preserve Const Enums -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
19Do not erase
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
20 declarations in generated code.ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
20s provide a way to reduce the overall memory footprint of your application at runtime by emitting the enum value instead of a referenceFor example with this TypeScript
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try8The default
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
20 behavior is to convert anyts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
23 to the corresponding number literal, and to remove a reference to the enum from the JavaScript completelyts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try9With
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
19 set to{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10, thets
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
26 exists at runtime and the numbers are still emittedts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
0This essentially makes such
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
27 a source-code feature only, with no runtime traces- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak
preserveValueImports -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
31There are some cases where TypeScript can’t detect that you’re using an import. For example, take the following code
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
1or code using ‘Compiles to HTML’ languages like Svelte or Vue
When combined with . imported types must be marked as type-only because compilers that process single files at a time have no way of knowing whether imports are values that appear unused, or a type that must be removed in order to avoid a runtime crash
For example, in the following code
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
33 is a function andts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
34 is a type withts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
29 andts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
31 are enabledts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
2Which can be fixed by prefixing
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
34 with{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
20 to mark it as a type-only importts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
3- Terkait
- Dilepaskan
4. 5
Menghapus Komentar -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_41Menghapus semua komentar pada berkas Typescript pada saat mengonversi ke berkas Javascript. Pengaturan bawaannya adalah
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62Sebagai contoh, ini adalah berkas TypeScript yang memiliki komentar JSDoc
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
4Ketika
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
41 disetel ke{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
5Tanpa menyetel
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
41 atau menjadikannya sebagai{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
6Artinya, komentar anda akan muncul di kode Javascript
Source Map -
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
72Enables the generation of sourcemap files. These files allow debuggers and other tools to display the original TypeScript source code when actually working with the emitted JavaScript files. Source map files are emitted as
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
69 (orts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
49) files next to the corresponding{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85 output fileThe
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85 files will in turn contain a sourcemap comment to indicate where the files are to external tools, for examplets
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
7Compiling with
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
72 set to{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10 creates the following JavaScript filets
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
8And this also generates this json map
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
9Source Root -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
54Specify the location where a debugger should locate TypeScript files instead of relative source locations. This string is treated verbatim inside the source-map where you can use a path or a URL
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
00Would declare that
json
{
"include": ["src/**/*", "tests/**/*"]
}
96 will have a source file atts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
56Strip Internal -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
57Do not emit declarations for code that has an
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
58 annotation in its JSDoc comment. This is an internal compiler option; use at your own risk, because the compiler does not check that the result is valid. If you are searching for a tool to handle additional levels of visibility within your. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
43 files, look at api-extractor{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_01With the flag set to
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 (default){
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
02With
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
57 set to{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10 the. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
43 emitted will be redacted{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
03The JavaScript output is still the same
- Internal
JavaScript Support
Allow JS -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
87Izinkan berkas JavaScript diimpor ke dalam proyek Anda, bukan hanya berkas
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
82 dan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
83. Contoh, berkas JS ini{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
04Ketika diimpor ke berkas TypeScript akan menimbulkan galat seperti berikut
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
05Impor berkas akan baik-baik saja saat
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
87 diaktifkan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
06Opsi ini dapat digunakan sebagai cara untuk menambahkan berkas TypeScript secara bertahap ke dalam proyek JS dengan mengizinkan berkas
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
82 dan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
83 untuk hidup berdampingan dengan berkas JavaScript yang ada- Terkait
- Dilepaskan
1. 8
Check JS -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
70Bekerja sama dengan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
87. Kapants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
70 diaktifkan kemudian kesalahan dilaporkan dalam berkas JavaScript. Ini termasukts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
75 di bagian atas semua berkas JavaScript yang disertakan dalam proyek AndaMisalnya, ini adalah JavaScript yang salah menurut definisi jenis
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
76 yang disertakan dengan TypeScript{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
07Saat diimpor ke modul TypeScript
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
08Anda tidak akan mendapatkan kesalahan apapun. Namun, jika Anda mengaktifkan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
70 maka Anda akan mendapatkan pesan kesalahan dari berkas JavaScript{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
09- Terkait
- Dilepaskan
2. 3
Max Node Module JS Depth -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
80The maximum dependency depth to search under
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
81 and load JavaScript filesThis flag is can only be used when is enabled, and is used if you want to have TypeScript infer types for all of the JavaScript inside your
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
81Ideally this should stay at 0 (the default), and
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
43 files should be used to explicitly define the shape of modules. However, there are cases where you may want to turn this on at the expense of speed and potential accuracyEditor Support
Nonaktifkan Batas Ukuran -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
85Untuk menghindari kemungkinan masalah pembengkakan memori saat bekerja dengan proyek JavaScript yang sangat besar, ada batas atas jumlah memori yang akan dialokasikan TypeScript. Mengaktifkan saran ini akan menghapus batas
Plugins -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
86List of language service plugins to run inside the editor
Language service plugins are a way to provide additional information to a user based on existing TypeScript files. They can enhance existing messages between TypeScript and an editor, or to provide their own error messages
For example
- — Adds SQL linting with a template strings SQL builder
- typescript-styled-plugin — Provides CSS linting inside template strings
- typescript-eslint-language-service — Provides eslint error messaging and fix-its inside the compiler’s output
- ts-graphql-plugin — Provides validation and auto-completion inside GraphQL query template strings
VS Code has the ability for a extension to , and so you may have some running in your editor without needing to define them in your
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72Interop Constraints
Izinkan Setelan Standar Impor Sintetis -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
88Jika disetel ke true
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
88 memungkinkan Anda untuk menulis impor seperti{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_10daripada
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
11Jika modul tidak secara eksplisit menentukan ekspor default
Misalnya, tanpa
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
88 disetel ke true{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
12Kode ini menyebabkan error karena tidak ada objek
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
91 yang dapat Anda impor. Meski rasanya seperti itu seharusnya. Untuk kenyamanan, transpiler seperti Babel akan secara otomatis membuat setelan standar jika tidak dibuat. Membuat modul terlihat lebih seperti{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_13Opsi ini tidak memengaruhi JavaScript yang dihasilkan oleh TypeScript, ini hanya untuk type checking. Opsi ini membuat perilaku TypeScript sejalan dengan Babel, di mana kode ekstra akan ditambahkan kedalam setelan standar ekspor untuk membuat sebuah modul lebih ergonomis
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10 if is{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
75, or and is not{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
76/{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
77 or{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
80,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 otherwise - Terkait
- Dilepaskan
1. 8
Interop Modul ES -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_95Secara bawaan (dengan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
95 false atau tidak disetel) TypeScript memperlakukan modul CommonJS/AMD/UMD mirip dengan modul ES6. Dalam melakukan ini, ada dua bagian tertentu yang ternyata merupakan asumsi yang salahImpor namespace seperti
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try04 bertindak sama sepertits
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try05Impor bawaan seperti
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try06 berfungsi sama sepertits
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try07
Ketidakcocokan ini menyebabkan dua masalah berikut
Spesifikasi modul ES6 menyatakan bahwa impor namespace (
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try08) hanya dapat menjadi objek, dengan memiliki TypeScript memperlakukannya sama dengants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try09 maka TypeScript diizinkan untuk impor diperlakukan sebagai fungsi dan dapat dipanggil. Ini melanggar rekomendasi spesifikasiMeskipun akurat untuk spesifikasi modul ES6, sebagian besar pustaka dengan modul CommonJS/AMD/UMD tidak seketat implementasi TypeScript
Mengaktifkan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
95 akan memperbaiki kedua masalah ini dalam kode yang ditranspilasikan oleh TypeScript. Perubahan pertama perilaku di kompilator, yang kedua diperbaiki oleh dua fungsi pembantu baru yang menyediakan shim untuk memastikan kompatibilitas dalam JavaScript yang dihasilkan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_14Dengan menonaktifkan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_95{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_15Dengan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_95 diatur ke{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_16Catatan. Anda dapat meminimalkan ukuran keluaran dengan mengaktifkan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_17Mengaktifkan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_95 juga akan mengaktifkan- Recommended
- Terkait
- Dilepaskan
2. 7
Paksa Jenis Surat Konsistensi Dalam Nama File -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try18TypeScript mengikuti aturan sensitivitas huruf dari sistem file yang menjalankannya. Ini bisa menjadi masalah jika beberapa pengembang bekerja dalam sistem file case-sensitive dan yang lainnya tidak. Jika sebuah paket mencoba untuk mengimpor
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try_19 dengan menentukants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try20, paket akan ditemukan dalam sistem file case-insensitive, tetapi tidak dalam sistem file case-sensitiveSaat opsi ini disetel, TypeScript akan mengeluarkan kesalahan jika program mencoba memasukkan file dengan font yang berbeda dari font pada disk
- Recommended
Modul Terisolasi (_Modul Terisolasi_) -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
29Meskipun Anda dapat menggunakan TypeScript untuk menghasilkan kode JavaScript, menggunakan transpiler lain seperti Babel juga umum dilakukan. Namun, transpiler lain hanya beroperasi pada satu bundel pada satu waktu, yang berarti mereka tidak dapat mengimplementasikan transformasi kode yang bergantung pada pemahaman sistem tipe penuh. Batasan ini juga berlaku untuk
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try_22 TypeScript API yang digunakan oleh beberapa alat pengembangKeterbatasan ini dapat menyebabkan masalah waktu pemrosesan dengan beberapa fitur TypeScript seperti
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
20s dants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try24s. Opsits
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_29 memberi tahu TypeScript untuk memperingatkan Anda jika Anda menulis kode tertentu yang tidak dapat ditafsirkan dengan benar oleh proses transpiler file tunggalItu tidak mengubah kode Anda atau mengubah perilaku proses pemeriksaan dan pemeriksaan kode TypeScript
Beberapa contoh kode yang tidak berfungsi saat
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
29 diaktifkanEkspor Pengidentifikasi Non-Nilai
Di TypeScript, Anda dapat mengimpor jenis lalu mengekspornya
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_18Karena tidak ada nilai untuk
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try27,ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try28 ditampilkan, ia tidak akan mencoba mengekspornya (ini akan menjadi kesalahan runtime di JavaScript){
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_19Transpiler bundel tidak tahu apakah
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try27 menghasilkan nilai atau tidak, jadi merupakan kesalahan untuk mengekspor nama yang hanya mengacu pada jenisFile Non-Modul
Jika
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_29 dipilih, semua file implementasi harus dalam modul (yang berarti memiliki beberapa bentuk{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98 /ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try28). kesalahan terjadi jika bundel{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_20Pembatasan ini tidak berlaku untuk bundel ________0______84
Referensi untuk anggota
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_20Di TypeScript, saat mereferensikan anggota
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
20, referensi diganti dengan nilai aktual dalam JavaScript yang ditampilkanMemodifikasi TypeScript
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_21Ini untuk JavaScript
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_22Tanpa pengetahuan tentang nilai anggota ini, transpiler lain tidak dapat mengganti referensi ke
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try36, yang akan menjadi kesalahan run-time jika dibiarkan (karena tidak ada objekts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try37 saat runtime). Oleh karena itu, ketikats
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_29 dipilih, kesalahan akan terjadi yang mereferensikan anggotats
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
20 di sekitarnyaPertahankan Symlinks -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try40Ini untuk mencerminkan bendera yang sama di Node. js; which does not resolve the real path of symlinks
This flag also exhibits the opposite behavior to Webpack’s
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try41 option (i. e. setting TypeScript’sts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try40 to true parallels setting Webpack’sts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try41 to false, and vice-versa)With this enabled, references to modules and packages (e. g.
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98s andts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try45 directives) are all resolved relative to the location of the symbolic link file, rather than relative to the path that the symbolic link resolves toBackwards Compatibility
Charset -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try46Di TypeScript versi sebelumnya, ini mengontrol pengkodean yang digunakan saat membaca berkas teks dari memori. Saat ini, TypeScript mengasumsikan pengkodean UTF-8, tetapi akan mendeteksi dengan benar UTF-16 (BE dan LE) atau UTF-8 BOMs
- Deprecated
- Bawaan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try_47
Keyof Strings Only -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try48This flag changes the
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try49 type operator to returnts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try50 instead ofts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try51 when applied to a type with a string index signatureThis flag is used to help people keep this behavior from
- Deprecated
- Dilepaskan
2. 9
No Implicit Use Strict -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try52Anda seharusnya tidak memerlukan ini. Secara bawaan, saat memancarkan sebuah berkas modul kepada sebuah target non-ES6, TypeScript memancarkan sebuah kata pengantar
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try53 di bagian atas berkas. Ini dapat menonaktifkan setelan kata pengantar itu{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
23{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
24No Strict Generic Checks -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try54TypeScript will unify type parameters when comparing two generic functions
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
25This flag can be used to remove that check
- Dilepaskan
2. 4
Out -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
06Gunakan sebagai gantinya
Opsi
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
06 memproses lokasi akhir dengan dengan cara yang tidak dapat diprediksi atau konsisten. Opsi ini dipertahankan hanya untuk kompatibilitas dengan versi lama dan sudah usang- Deprecated
- Terkait
Suppress Excess Property Errors -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try59This disables reporting of excess property errors, such as the one shown in the following example
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
26This flag was added to help people migrate to the stricter checking of new object literals in
We don’t recommend using this flag in a modern codebase, you can suppress one-off cases where you need it using
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try60Suppress Implicit Any Index Errors -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try61Turning
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try61 on suppresses reporting the error about implicit anys when indexing into objects, as shown in the following example{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
27Using
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try61 is quite a drastic approach. It is recommended to use ats
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try64 comment instead{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
28- Terkait
Language and Environment
Menghasilkan Dekorator Metadata -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try66Mengaktifkan dukungan eksperimental untuk menghasilkan tipe data metadata untuk dekorator yang bekerja dengan modul
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try67Sebagai contoh, berikut adalah JavaScript
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
29Dengan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try66 tidak disetel ke true (bawaan){
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
30Dengan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try69 di setel ke true{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
31- Terkait
Decorators Eksperimental -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try70Menyalakan dukungan eksperimental untuk decorator, yang terdapat pada tahap ke 2 proses standarisasi TC39
Decorator adalah fitur bahasa pemrograman yang belum diadaptasi secara penuh ke dalam spesifikasi JavaScript. Hal ini berarti bahwa versi implementasi di TypeScript mungkin berbeda dengan implementasi pada JavaScript ketika fitur tersebut telah diputuskan oleh TC39
Anda dapat mencari tahu lebih lanjut mengenai dukungan decorator di TypeScript pada buku petunjuk
- Terkait
JSX -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try73Mengatur bagaimana konstruksi JSX dihasilkan di dalam file Javascript. Ini hanya akan berpengaruh pada keluaran file JS yang dimulai di file
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
83ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try75. Menghasilkan file{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85 dengan JSX yang diubah seperti pemanggilants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try77. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
59. Menghasilkan filets
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try79 tanpa mengubah JSXts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try80. Menghasilkan filets
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try79 tanpa mengubah JSX
- Diizinkan
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_59ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try75ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try80ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try85ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try86
- Terkait
- Dilepaskan
2. 2
JSX Factory -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try87Mengubah fungsi yang dipanggil pada file
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
85 ketika melakukan kompilasi elemen-elemen JSX. Perubahan yang paling umum adalah dengan menggunakants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try92 atauts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try93 dibandingkan penggunaan bawaants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try94 jika menggunakants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try95Opsi ini dapat digunakan pada basis per file juga seperti halnya
- Bawaan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try77 - Diizinkan
Any identifier or dotted identifier
- Terkait
jsxFragmentFactory - ________50______88
Menentukan fungsi penghasil fragmen JSX yang akan digunakan ketika menargetkan kompiler react JSX
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try87 sudah ditentukan, misalnya sepertits
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try03Opsi ini dapat digunakan pada basis per file juga seperti halnya
Contoh dengan menggunakan TSConfig berikut ini
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
32TSX file berikut
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
33Akan terlihat seperti
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_34- Bawaan
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try05 - Terkait
- Dilepaskan
4. 0
jsxImportSource -
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try89Declares the module specifier to be used for importing the
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try73 andts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try11 factory functions when using asts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try13 orts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try14 which were introduced in TypeScript 4. 1With React 17 the library supports a new form of JSX transformation via a separate import
Misalnya dengan kode ini
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
35Using this TSConfig
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
36JavaScript yang dipancarkan dari TypeScript adalah
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_37Misalnya jika Anda ingin menggunakan
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_15, Anda memerlukan tsconfig seperti{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_38Yang menghasilkan kode seperti
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_39Sebagai alternatif, Anda dapat menggunakan per-file pragma untuk menyetel opsi ini, misalnya
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_40Akan menambahkan
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_16 sebagai impor untukts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try17 pabrikCatatan. Agar ini berfungsi seperti yang Anda harapkan, file
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try18 Anda harus menyertakants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try28 atau{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
98 sehingga dianggap sebagai modul- Bawaan
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try75 - Terkait
- Dilepaskan
4. 1
Lib -
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_24TypeScript menyertakan serangkaian definisi tipe default untuk API JS bawaan (seperti
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try25), serta definisi tipe untuk hal-hal yang ditemukan di lingkungan browser (sepertits
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try26). TypeScript juga menyertakan API untuk fitur JS yang lebih baru yang cocok dengan yang Anda tentukan;Anda mungkin ingin mengubahnya karena beberapa alasan
- Program Anda tidak berjalan di browser, jadi Anda tidak menginginkan definisi tipe
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try31 - Platform runtime Anda menyediakan objek API JavaScript tertentu (mungkin melalui polyfill), tetapi belum mendukung sintaks lengkap dari versi ECMAScript tertentu
- Anda memiliki polyfill atau implementasi asli untuk beberapa, tetapi tidak semua, versi ECMAScript tingkat yang lebih tinggi
Di TypeScript 4. 5, file lib dapat ditimpa oleh modul npm, cari tahu lebih lanjut
Perpustakaan tingkat tinggi
NAMECONTENTS{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
68 Definisi untuk semua fungsionalitas ES3 dan ES5{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
48 API Tersedia dalam ES2015 (juga dikenal sebagai ES6) -ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try34, ________52___37, ________5, ______2, ________5, ________5, ________5, ________5, ________.{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
49Alias untuk “ES2015”ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try42API tambahan tersedia di ES2016 -ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try43, dll.ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try44Alias untuk “ES2016”ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try45API tambahan tersedia di ES2017 -ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try46,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try47,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try48,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try49,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try50, array yang diketik, dll.ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_51API tambahan tersedia di ES2018 -. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
91 iterables,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try53,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try54,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try55, dll.ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_56API tambahan tersedia di ES2019 -ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try57,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try58,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try59,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try60,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try61, dll.{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
47API tambahan tersedia di ES2020 -ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try63, dll.ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try64API tambahan tersedia di ES2021 -ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try65,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try66 dll.{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
46API tambahan tersedia di ESNext - Ini berubah seiring perkembangan spesifikasi JavaScriptts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try68Definisi DOM -ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try69,ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try26, dll.ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_71API tersedia dalam konteks WebWorker________52______72API untuk Sistem Hosting Skrip WindowsKomponen perpustakaan individu
Namets
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try73ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try74ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try75ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try76ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try77ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try78ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try79ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try80ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try81ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try82ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try83ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try84ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try85ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try86ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try87ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try88ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try89ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try90ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try91ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try92ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try93ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try94ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try95ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try96ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try97ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try98ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try99ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
00ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
01ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
02ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
03ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
04Daftar ini mungkin kedaluwarsa, Anda dapat melihat daftar lengkapnya di kode sumber TypeScript
- Terkait
- Dilepaskan
2. 0
moduleDetection -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_06Ada tiga pilihan
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_07 (default) - TypeScript tidak hanya akan mencari pernyataan impor dan ekspor, tetapi juga akan memeriksa apakah bidangts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
08 dalam{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
63 disetel kets
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
10 saat dijalankan dengan.{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
57 atau{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
56, dan periksa apakah file saat ini adalah file JSX saat dijalankan di bawah.ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try85ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_16 - Perilaku yang sama seperti 4. 6 dan sebelumnya, menggunakan pernyataan impor dan ekspor untuk menentukan apakah suatu file adalah modults
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_17 - Memastikan bahwa setiap file non-deklarasi diperlakukan sebagai modul
- Bawaan
"mobil". Perlakukan file dengan impor, ekspor, impor. meta, jsx (dengan jsx. react-jsx), atau format esm (dengan modul. node16+) sebagai modul
- Diizinkan
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_18ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_19ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_20
- Dilepaskan
4. 7
Lib No. -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_05Menonaktifkan penyertaan otomatis file perpustakaan apa pun. Jika opsi ini disetel,
ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_24 akan diabaikanTypeScript tidak dapat mengkompilasi apa pun tanpa satu set antarmuka untuk kunci primitif seperti.
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
23,ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
24,ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
25,ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
26,ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try36,ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
28,ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
29, dants
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
30. Diharapkan jika Anda menggunakants
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_05 Anda akan memasukkan definisi tipe Anda sendiri untuk ini- Terkait
React Namespace -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
33Gunakan sebagai gantinya. Tentukan objek yang dipanggil oleh
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
35 saat menargetkants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
Unreachable code detected.7027Unreachable code detected.}
Try75 pada bundel TSX- Bawaan
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_37
Sasaran -
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_66Beberapa browser modern mendukung semua fitur ES6, jadi
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
49 adalah pilihan yang bagus. Anda dapat memilih untuk menetapkan target yang lebih rendah saat kode Anda dipindahkan ke lingkungan yang lebih lama, atau target yang lebih tinggi saat kode Anda dijamin berjalan di lingkungan yang lebih baru.Pengaturan
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_66 mengubah fitur JS mana yang diturunkan dan yang dibiarkan utuh. Misalnya, fungsi_panahts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
41 akan berubah menjadi ekspresi yang setara dengants
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
42 saat{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
66 adalah ES5 atau lebih rendahMengubah
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_66 berarti juga mengubah nilai default dari. Anda dapat menyetel{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
66 dants
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try24 sesuai keinginan, tetapi Anda dapat menyetel{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
66 untuk alasan kenyamananJika Anda hanya bekerja dengan Node. js, berikut beberapa rekomendasi
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_66 berdasarkan NodeNama Target yang DidukungNode 8ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try_45Node 10ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try51Node 12ts
function verifikasiUmur(umur: number) {
// Lupa menulis pernyataan 'return'
if (umur > 18) {
terverifikasi: true;
Unused label.7028Unused label.}
}
Try56Hal ini didasarkan pada database dukungan node. hijau
Nilai spesifik
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_46 mengacu pada versi tertinggi yang didukung oleh versi TypeScript Anda. Pengaturan ini harus dilakukan dengan hati-hati, karena ini tidak berarti hal yang sama pada versi TypeScript yang berbeda dan dapat membuat pemutakhiran kurang dapat diprediksi- Bawaan
{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_67 - Diizinkan
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_55ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_56{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
76/{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
77ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_59ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_60ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_61ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_62{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_78ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_64{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
_79{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
80
- Dilepaskan
1. 0
Gunakan Tentukan Untuk Bidang Kelas - ________60______67
Bendera ini digunakan sebagai bagian dari migrasi ke versi standar bidang kelas yang akan datang. TypeScript memperkenalkan bidang kelas bertahun-tahun sebelum diratifikasi di TC39. Versi terbaru dari spesifikasi yang akan datang memiliki perilaku runtime yang berbeda dengan implementasi TypeScript tetapi dengan sintaks yang sama
Tanda ini beralih ke perilaku runtime ECMA yang akan datang
Anda dapat membaca lebih lanjut tentang transisi di
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jikats
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
70 atau lebih tinggi, termasuk{
"extends": "./tsconfig",
"compilerOptions": {
"strictNullChecks": false
}
}
46,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 sebaliknya - Dilepaskan
3. 7
Diagnostik Kompiler
Diagnostik -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_73Digunakan untuk mengeluarkan informasi diagnostik untuk debugging. Perintah-perintah ini adalah bagian dari perintah yang lebih merupakan hasil yang dilihat pengguna, dan lebih mudah untuk ditafsirkan
Jika Anda telah diminta oleh insinyur kompiler TypeScript untuk memberikan hasil penggunaan simbol ini dalam kompilasi, di mana tidak ada salahnya menggunakan sebagai gantinya
- Deprecated
- Terkait
jelaskanFile -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
77Cetak nama file yang dilihat TypeScript sebagai bagian dari proyek Anda dan alasannya menjadi bagian dari kompilasi
Misalnya, dengan proyek ini hanya satu file
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
08{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_41Menggunakan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_72 yang memiliki ________60______77 disetel ke true{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_42Menjalankan TypeScript terhadap folder ini akan menghasilkan keluaran seperti ini
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_43Output di atas menunjukkan
- Lib awal. d. ts lookup berdasarkan , dan rangkaian
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
84 file yang direferensikan - File
. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
_08 terletak melalui pola default
Opsi ini dimaksudkan untuk men-debug bagaimana sebuah file telah menjadi bagian dari kompilasi Anda
- Dilepaskan
4. 2
Diagnosis Diperpanjang -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_74Anda dapat menggunakan opsi ini untuk mencari tahu di mana TypeScript menghabiskan waktunya selama proses kompilasi. Alat ini digunakan untuk memahami karakteristik kinerja basis kode Anda secara keseluruhan
Anda dapat mempelajari lebih lanjut tentang cara mengukur dan memahami output di bagian peforma wiki
- Terkait
Hasilkan Profil CPU - ________60______87
Opsi ini memberi Anda kesempatan untuk membuat TypeScript mengeluarkan profil CPU v8 saat kompiler sedang berjalan. Pembuatan profil CPU dapat memberikan wawasan tentang mengapa proyek Anda mungkin lambat
Opsi ini hanya dapat digunakan dari CLI via.
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_88{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_44File ini bisa dibuka di browser berbasis chromium seperti Chrome atau Edge Developer di bagian CPU History. Anda dapat mempelajari lebih lanjut tentang memahami kinerja kompiler di Bagian wiki TypeScript tentang kinerja
- Bawaan
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_89 - Dilepaskan
3. 7
Daftar File yang Dipancarkan -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
90Cetak nama file yang dihasilkan bagian dari kompilasi ke terminal
Bendera ini berguna dalam dua kasus
- Anda ingin mengubah TypeScript sebagai bagian dari rantai build di terminal tempat nama file diproses di perintah selanjutnya
- Anda tidak yakin bahwa TypeScript telah menyertakan file yang Anda harapkan, sebagai bagian dari proses debug
For example
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_4Dengan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_46Apakah jalur gema seperti
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_47Biasanya, TypeScript akan kembali secara diam-diam saat sukses
Daftar File -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
91Cetak nama file bagian dari kompilasi. Ini berguna saat Anda tidak yakin bahwa TypeScript telah menyertakan file yang Anda harapkan
For example
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_4Dengan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_49Apakah jalur gema seperti
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_50Perhatikan jika menggunakan TypeScript 4. 2, lebih suka yang menawarkan penjelasan mengapa file ditambahkan juga
- Terkait
Jejak Resolusi -
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_94Saat Anda mencoba men-debug mengapa modul tidak disertakan. Anda dapat menyetel
ts
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
_94 ke{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10 agar TypeScript mencetak informasi tentang proses penyelesaiannya untuk setiap file yang diprosesAnda dapat membaca lebih lanjut tentang ini di
- Dilepaskan
2. 0
Proyek
Komposit -
json
{
"include": ["src/**/*", "tests/**/*"]
}
_29Opsi
json
{
"include": ["src/**/*", "tests/**/*"]
}
_29 memberlakukan batasan tertentu yang memungkinkan pengembang (termasuk TypeScript sendiri, dalam modets
interface UserDefaults {
// The absence of a value represents 'system'
colorThemeOverride?: "dark" | "light";
}
99) dengan cepat menentukan apakah suatu proyek telah dibangunSaat pengaturan ini aktif
Pengaturan
json
{
"include": ["src/**/*", "tests/**/*"]
}
_28, jika tidak diatur secara eksplisit, lokasi penyimpanan akan berisi file{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
72Semua file implementasi harus cocok dengan instance
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_61 atau terdaftar dalam aturan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
60. Jika batas ini dilanggar,ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
_04 akan memberi tahu Anda file mana yang tidak ditentukanjson
{
"include": ["src/**/*", "tests/**/*"]
}
90 default ke{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
10
Anda dapat menemukan dokumentasi tentang proyek TypeScript di buku pegangan
- Terkait
- Dilepaskan
3. 0
nonaktifkanReferencedProjectLoad -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
009Dalam program TypeScript multi-proyek, TypeScript akan memuat semua proyek yang tersedia ke dalam memori untuk memberikan hasil yang akurat untuk tanggapan editor yang memerlukan grafik pengetahuan lengkap seperti 'Temukan Semua Referensi'
Jika proyek Anda besar, Anda dapat menggunakan saran
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
009 untuk menonaktifkan pemuatan otomatis semua proyek. Sebaliknya, proyek dimuat secara dinamis saat Anda membuka file melalui editor Anda- Dilepaskan
4. 0
Nonaktifkan Pencarian Solusi -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_011Saat bekerja dengan proyek TypeScript komposit, opsi ini menyediakan cara untuk menentukan bahwa Anda tidak ingin proyek disertakan saat menggunakan fitur seperti temukan semua referensi atau lompat ke definisi di editor
Saran ini untuk sesuatu yang dapat Anda gunakan untuk meningkatkan daya tanggap dalam proyek komposit besar
- Dilepaskan
3. 8
Nonaktifkan Pengalihan Referensi Proyek Sumber Daya -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
012Saat bekerja dengan proyek TypeScript komposit, opsi ini menyediakan cara untuk mendapatkan perilaku di mana file d. ts digunakan sebagai pembatas antar modul. Di 3. 7, izin sumber sekarang adalah file TypeScript Anda
- Dilepaskan
3. 7
Tambahan -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_007Memberi tahu TypeScript untuk menyimpan informasi tentang grafik proyek dari kompilasi terakhir ke file yang disimpan di penyimpanan. Ini membuat serangkaian file
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
014 di folder yang sama dengan output kompilasi Anda. Mereka tidak menggunakan JavaScript saat runtime dan dapat dihapus dengan aman. Anda dapat membaca lebih lanjut diAnda dapat mengontrol nama folder dengan menggunakan opsi
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10 jika ,,{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
62 jika tidak - Terkait
- Dilepaskan
3. 4
File Info Bangun TS -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
008Pengaturan ini memungkinkan Anda menentukan file untuk menyimpan informasi kompilasi inkremental sebagai bagian dari proyek gabungan yang memungkinkan pembangunan lebih cepat dari basis kode TypeScript yang lebih besar. Anda dapat membaca lebih lanjut tentang proyek komposit di buku pegangan
Opsi ini menawarkan cara untuk mengonfigurasi tempat di mana TypeScript melacak file yang disimpannya di disk untuk menunjukkan status build proyek — secara default, mereka berada di folder yang sama dengan JavaScript yang Anda pancarkan
- Bawaan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_014 - Terkait
- Dilepaskan
3. 4
Pemformatan Keluaran
Kesalahan Pemotongan Nomor -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_025Jangan potong pesan kesalahan
Dengan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_62, default{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_51Dengan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_52Pertahankan Hasil Tontonan -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_028Apakah akan mempertahankan keluaran konsol lama dalam mode jam alih-alih membersihkan layar setiap kali terjadi perubahan
- Internal
Cantik -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_029Atur gaya kesalahan dan pesan menggunakan warna dan konteks, ini aktif secara default — menawarkan Anda kesempatan untuk memiliki pesan satu warna yang lebih singkat dari kompiler
- Bawaan
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
_10
Kelengkapan
Lulus pemeriksaan perpustakaan bawaan -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
031Gunakan [
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_032](# skipLibCheck) sebagai gantinya. Lewati pemeriksaan jenis file deklarasi pustaka bawaanLulus pemeriksaan perpustakaan -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_033Melewati pemeriksaan jenis file deklarasi
Ini dapat menghemat waktu selama kompilasi dengan mengorbankan keakuratan sistem tipe. Misalnya, dua perpustakaan dapat mendefinisikan dua salinan dari
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
20 (tipe) yang sama dengan cara yang tidak konsisten. Dibandingkan dengan melakukan pemeriksaan menyeluruh pada semua file. ├── scripts ⨯ │ ├── lint.ts ⨯ │ ├── update_deps.ts ⨯ │ └── utils.ts ⨯ ├── src ✓ │ ├── client ✓ │ │ ├── index.ts ✓ │ │ └── utils.ts ✓ │ ├── server ✓ │ │ └── index.ts ✓ ├── tests ✓ │ ├── app.test.ts ✓ │ ├── utils.ts ✓ │ └── tests.d.ts ✓ ├── package.json ├── tsconfig.json └── yarn.lock
43, TypeScript akan memeriksa jenis data dari kode yang secara khusus Anda rujuk dalam kode sumber aplikasiKasus umum di mana Anda mungkin berpikir untuk menggunakan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
033 adalah ketika ada dua salinan perpustakaan dits
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
81 Anda. Dalam hal ini, Anda harus mempertimbangkan untuk menggunakan fitur seperti resolusi benang untuk memastikan bahwa hanya ada satu salinan dependensi di root Anda atau selidiki bagaimana memastikan bahwa hanya ada satu resolusi dependensi untuk memperbaiki masalah tanpa alat tambahan apa pun- Recommended
- Dilepaskan
2. 0
Garis komando
Opsi Pengawasan
TypeScript 3. 8 dilengkapi dengan strategi baru untuk memantau direktori, yang penting untuk secara efisien menentukan perubahan pada
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
81Pada sistem operasi seperti Linux, TypeScript menginstal direktori tontonan (dari pengamat file) di
ts
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
81 dan banyak direktori di dalamnya untuk mendeteksi perubahan pada dependensi. Ini karena jumlah pengawas file seringkali melebihi file yang ditemukan dits
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
81, sedangkan direktori yang harus diawasi lebih sedikitKarena setiap proyek mungkin bekerja dengan strategi yang berbeda, dan pendekatan baru ini mungkin tidak bekerja dengan baik dengan alur kerja Anda, TypeScript 3. 8 memperkenalkan opsi
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_041 yang memungkinkan pengguna memberi tahu kompiler/layanan bahasa strategi pemantauan mana yang harus digunakan untuk memantau file dan direktoriPertimbangkan Perubahan Hanya Mempengaruhi Ketergantungan Langsung -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
042Saat opsi ini diaktifkan, TypeScript akan menghindari pemeriksaan ulang/pembangunan kembali semua file yang mungkin benar-benar terpengaruh dan hanya akan memeriksa ulang/membangun ulang file yang telah diubah dan file yang mengimpornya secara langsung
Ini dapat dianggap sebagai implementasi 'cepat & lepas' dari algoritme pengawas, yang secara drastis dapat mengurangi waktu pembangunan kembali dengan sesekali harus menjalankan pembangunan lengkap untuk mendapatkan semua pesan kompiler kesalahan
- Dilepaskan
3. 8
{ "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } } Strategi bagaimana setiap bundel diamati { "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } } { "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } } { "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } } { "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } } { "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } }watchFile -
- Diizinkan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_049{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_050{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_051{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_052{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_053{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_054
- Dilepaskan
3. 8
watchDirectory -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
055Sebuah strategi bagaimana seluruh direktori dipantau dalam sistem yang tidak memiliki fungsi pemantauan file rekursif
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_044. Memeriksa setiap direktori untuk memantau perubahan beberapa kali per detik secara berkala pada interval yang telah ditentukan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_046. Menggunakan antrian dinamis di mana direktori yang jarang dimodifikasi akan lebih jarang diperiksa{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_047 (default). Mencoba menggunakan sistem operasi / instance asli dari sistem file untuk perubahan direktori
- Diizinkan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_053{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_049{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_051{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_052
- Dilepaskan
3. 8
fallbackPolling -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
063Saat menggunakan peristiwa sistem file, opsi ini mengatur strategi polling untuk digunakan saat sistem kehabisan pengamat file asli dan/atau tidak mendukung pengamat file asli
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_044. Periksa setiap bundel untuk perubahan beberapa kali dalam satu detik secara berkala{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_045. Periksa setiap bundel untuk perubahan beberapa kali dalam satu detik, tetapi gunakan heuristik untuk memeriksa jenis bundel tertentu lebih jarang daripada yang lain{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_046. Gunakan antrian dinamis di mana file yang lebih jarang diubah akan lebih jarang diperiksa{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_067. Nonaktifkan pengamat yang ditangguhkan pada direktori. Tampilan yang ditangguhkan berguna ketika banyak perubahan file dapat terjadi sekaligus (mis. Perubahants
function fn(n: number) {
if (n > 5) {
return true;
} else {
return false;
}
return true;
}
81 dari menjalankan{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
069), tetapi Anda mungkin ingin menonaktifkannya dengan tanda ini untuk beberapa penyelesaian yang kurang umum
- Diizinkan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_070{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_071{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_072{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_073
- Dilepaskan
3. 8
sinkronWatchDirectory -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_067Memanggil callback secara sinkron dan memperbarui status pengamat direktori pada platform yang tidak mendukung menonton rekursif secara asli. Alih-alih memberikan batas waktu kecil untuk memungkinkan beberapa pengeditan yang berpotensi terjadi pada file
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_53kecualikan Direktori -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_075Anda dapat menggunakannya untuk secara drastis mengurangi jumlah file yang ditonton selama
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
077. Ini bisa menjadi cara yang berguna untuk mengurangi jumlah file terbuka yang dilacak TypeScript di Linux{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_54mengecualikanFile -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_076Anda dapat menggunakan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_076 untuk menghapus sekumpulan file tertentu dari file yang sedang ditonton{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_55Jenis akuisisi
Akuisisi Jenis hanya penting untuk proyek JavaScript. Dalam proyek TypeScript Anda perlu memasukkan tipe dalam proyek Anda secara eksplisit. Namun, untuk proyek JavaScript, perkakas TypeScript akan mengunduh jenis modul Anda di latar belakang dan di luar folder node_modules Anda
{ "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } } Menonaktifkan akuisisi jenis otomatis dalam proyek JavaScript { "compilerOptions": { "noImplicitAny": true, "strictNullChecks": true } }aktifkan -
Sertakan -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_61Jika Anda memiliki proyek JavaScript di mana TypeScript memerlukan panduan tambahan untuk memahami dependensi global, atau telah menonaktifkan inferensi bawaan melalui
Anda dapat menggunakan
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_61 untuk menentukan jenis mana yang harus digunakan dari PastiKetik{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_57Kecualikan -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_64Menawarkan konfigurasi untuk menonaktifkan akuisisi tipe untuk modul tertentu dalam proyek JavaScript. Ini bisa berguna untuk proyek yang menyertakan pustaka lain dalam pengujian infrastruktur yang tidak diperlukan dalam aplikasi utama
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_58disableFilenameBasedTypeAcquisition -
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
082Akuisisi tipe TypeScript dapat menyimpulkan tipe apa yang harus ditambahkan berdasarkan nama file dalam sebuah proyek. Ini berarti bahwa memiliki file seperti
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
_086 di proyek Anda akan secara otomatis mengunduh jenis JQuery dari PastiTyped