Abaikan Kesalahan Teks "properti tidak ada pada nilai tipe"

Dalam VS2013 bangunan berhenti ketika tsc keluar dengan kode 1. Ini bukan kasus di VS2012.

Bagaimana saya bisa menjalankan solusi saya sementara mengabaikan kesalahan tsc.exe?

Saya mendapatkan banyak The property 'x' does not exist on value of type 'y'kesalahan, yang ingin saya abaikan saat menggunakan fungsi javascript.

Saya tahu pertanyaannya sudah ditutup tetapi saya sudah menemukannya mencari TypeScriptException yang sama, mungkin orang lain memukul pertanyaan ini mencari masalah ini.

Masalahnya terletak pada pengetikan TypeScript yang hilang:

var coordinates = outerElement[0].getBBox();

Melempar The property 'getBBox' does not exist on value of type 'HTMLElement'.

Cara termudah adalah dengan mengetikkan variabel secara eksplisit sebagai any

var outerHtmlElement: any = outerElement[0];
var coordinates = outerHtmlElement.getBBox();

Edit, akhir 2016

Karena TypeScript 1.6 lebih disukai operator casting, asbaris-baris itu dapat disatukan menjadi elegan:

let coordinates = (outerElement[0] as any).getBBox();

Solusi lain

Tentu saja jika Anda ingin melakukannya dengan benar, yang kadang-kadang berlebihan, Anda dapat:

1. Buat antarmuka sendiri yang cukup diperluas HTMLElement
2. Perkenalkan pengetikan sendiri yang meluas HTMLElement

Solusi cepat dan kotor adalah dengan secara eksplisit dilemparkan ke any

(y as any).x

"Keuntungan" adalah bahwa, pemerannya eksplisit, ini akan dikompilasi bahkan dengan noImplicitAnyset bendera.

Solusi yang tepat adalah memperbarui file definisi pengetikan.

Harap dicatat bahwa, ketika Anda melemparkan variabel ke any, Anda memilih keluar dari jenis memeriksa variabel itu.

Karena saya dalam mode disclaimer, casting ganda melalui anydikombinasikan dengan antarmuka baru, dapat berguna dalam situasi di mana Anda

• tidak ingin memperbarui file pengetikan yang rusak
• sedang menambal monyet

namun, Anda masih menginginkan beberapa bentuk pengetikan.

Katakanlah Anda ingin menambal definisi instance ydari tipe OrginalDefdengan properti xtipe baru number:

const y: OriginalDef = ...

interface DefWithNewProperties extends OriginalDef {
    x: number
}

const patched = y as any as DefWithNewProperties

patched.x = ....   //will compile

Anda juga dapat menggunakan trik berikut:

y.x = "some custom property"//gives typescript error

y["x"] = "some custom property"//no errors

Perhatikan, bahwa untuk mengakses xdan tidak mendapatkan kesalahan naskah lagi Anda harus menulis seperti itu y["x"], bukan y.x. Jadi dari perspektif ini pilihan lain lebih baik.

Ada beberapa cara untuk mengatasi masalah ini. Jika objek ini terkait dengan beberapa pustaka eksternal, solusi terbaik adalah menemukan file definisi aktual (repositori hebat di sini ) untuk pustaka itu dan merujuknya, misalnya:

/// <reference path="/path/to/jquery.d.ts" >

Tentu saja, ini tidak berlaku dalam banyak kasus.

Jika Anda ingin 'mengganti' sistem jenis, coba yang berikut ini:

declare var y;

Ini akan memungkinkan Anda melakukan panggilan apa pun yang Anda inginkan var y.

Ketika TypeScript berpikir bahwa properti "x" tidak ada pada "y" , maka Anda selalu dapat memasukkan "y" ke "any", yang akan memungkinkan Anda untuk memanggil apa pun (seperti "x") pada "y".

Teori

(<any>y).x;

Contoh Dunia Nyata

Saya mendapatkan kesalahan "TS2339: Properti 'nama' tidak ada pada tipe 'Fungsi'" untuk kode ini:

let name: string = this.constructor.name;

Jadi saya memperbaikinya dengan:

let name: string = (<any>this).constructor.name;

Punya masalah di Angular2, saya menggunakan penyimpanan lokal untuk menyimpan sesuatu dan itu tidak akan membiarkan saya.

Solusi:

Saya punya localStorage.city -> error -> Property 'city' does not exist on type 'Storage'.

Bagaimana memperbaikinya:

localStorage ['city']

(localStorage) .city

(Penyimpanan lokal seperti) .City

Perbaikan cepat tempat tidak ada lagi yang berfungsi:

const a.b = 5 // error

const a['b'] = 5 // error if ts-lint rule no-string-literal is enabled

const B = 'b'
const a[B] = 5 // always works

Bukan praktik yang baik tetapi memberikan solusi tanpa harus mematikan no-string-literal

Saya tahu sekarang tahun 2020, tetapi saya tidak bisa melihat jawaban yang memuaskan bagian "abaikan" dari pertanyaan itu. Ternyata, Anda dapat memberitahu TSLint untuk melakukan hal itu menggunakan arahan;

// @ts-ignore
this.x = this.x.filter(x => x.someProp !== false);

Biasanya ini akan menimbulkan kesalahan, menyatakan bahwa 'someProp tidak ada pada tipe'. Dengan komentar, kesalahan itu hilang.

Ini akan menghentikan kesalahan yang terjadi saat kompilasi dan juga harus menghentikan IDE Anda yang mengeluh kepada Anda.

Dalam proyek khusus saya, saya tidak bisa membuatnya bekerja, dan digunakan declare var $;. Bukan solusi bersih / direkomendasikan, itu tidak mengenali variabel JQuery, tapi saya tidak punya kesalahan setelah menggunakan itu (dan harus untuk membangun otomatis saya untuk berhasil).

Saya bisa melewati ini dalam naskah menggunakan sesuatu seperti:

let x = [ //data inside array ];
let y = new Map<any, any>();
for (var i=0; i<x.length; i++) {
    y.set(x[i], //value for this key here);
}

Ini sepertinya satu-satunya cara saya bisa menggunakan nilai-nilai di dalam X sebagai kunci untuk peta Y dan kompilasi.