TypeScript derlemesinde uyarı veren deneysel dekoratörler

Uyarıyı alıyorum ...

Dekoratörler için deneysel destek, gelecekteki bir sürümde değişime tabi olan bir özelliktir. Bu uyarıyı kaldırmak için 'experimentalDecorators' seçeneğini `ayarlayın.

... tsconfig.json dosyasındaki compilerOptions'ım aşağıdaki ayarlara sahip olsa da:

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

Garip olan, dekoratörler kullanan bazı rastgele sınıfların bu uyarıyı göstermemesi, ancak aynı projedeki geri kalanların göstermesidir.

TypeScript derleyicisinde bu tür davranışlara ne sebep olabilir?

VS Code, TypeScript projeleri için harika bir editör olsa da, her seferinde bir vuruş gerektiriyor. Genellikle, uyarılmadan, bazı dosyalar korkmasına ve şikayet etmesine neden olur. Çoğunlukla düzeltme, tüm açık dosyaları kaydedip kapatmak, sonra açmak gibi görünüyor tsconfig.json. Bundan sonra, rahatsız edici dosyayı hatasız olarak yeniden açabilmelisiniz. Eğer işe yaramazsa, köpürtün, durulayın ve tekrarlayın.

Senin Eğer tsconfig.jsonbelirtir kaynak dosyaları kullanarak filesdiziyi söz konusu dosya VS Kod giriş dosyası ağacı geçerek bulabilirsiniz şekilde başvuruda bulunulan, IntelliSense düzgün sadece edecektir.

Düzenleme: 'Yeniden yükleme penceresi' komutu (yıllar önce eklendi) bu sorunu bir kez ve herkes için çözmelidir.

Uyarıyı kaldırmak için vscode settings.json dosyasına aşağıdakileri eklemem gerekiyor.

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode -> Tercihler -> Ayarlar

Bu hata, çalışma alanı klasörünüz için "src" klasörünü seçtiğinizde de oluşur.

Kök klasör, "src", "node_modules" öğesinin bulunduğu klasör seçildiğinde hata kaybolur

Dosya -> Tercihler -> Ayarlar

projenizin içinde tsconfig.json dosyası oluşturun, ardından bu satırları ekleyin

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "allowJs": true
    }
}

eklemek typescript.tsdkzorunda benim .vscode/settings.json:

"typescript.tsdk": "node_modules/typescript/lib"

VSCode'da, Dosya => Tercihler => Ayarlar'a (veya Control + virgülüne) gidin ve Kullanıcı Ayarları dosyasını açacaktır. "Javascript.implicitProjectConfig.experimentalDecorators": true ifadesini arayın ve dosyaya experimentalDecorators onay kutusunu işaretleyin ve düzeltmesi gerekir. Benim için oldu.

Visual Code Studio'da Dosya >> Tercihler >> Ayarlar'a gidin, arama alanında "dekoratör" ifadesini arayın ve resimdeki gibi seçeneği işaretleyin.

Açık settings.jsonaşağıdaki konumda dosya<project_folder>/.vscode/settings.json

veya dosyayı aşağıda belirtildiği gibi menüden açabilirsiniz

VSCode -> File -> Preferences -> Workspace Settings

Sonra settings.jsondosyaya aşağıdaki satırları ekleyin

{
    "typescript.tsdk": "node_modules/typescript/lib",
    "enable_typescript_language_service": false
}

Bu kadar. ' Deneysel Dekoratörler ' ile ilgili hiçbir uyarı / hata görmeyeceksiniz

Bu cevap, bir Javascript projesi kullanan ve bir dakikayı kullanan kişiler içindir . Yerine a tsconfig.json dosyası bir kullanabilir jsconfig.json dosyasını.

Sahip özel durumunda dekoratörler uyarıyorum dosya içindeki yazma wan:

{
    "compilerOptions": {
        "experimentalDecorators": true
    }
}

Buggy davranışları sorulduğunda, yapılandırma dosyasında "içerme" yi belirtmek ve düzenleyiciyi yeniden başlatmak her zaman daha iyidir. Örneğin

{
    "compilerOptions": {
        "target": "ES6",
        "experimentalDecorators": true
    },
    "include": [
        "app/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

"javascript.implicitProjectConfig.experimentalDecorators": true

Bu sorunu çözecek.

Tsconfig.json dosyasına aşağıdaki satırları ekleyin ve VS Code'u yeniden başlatın.

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "target": "es5",
        "allowJs": true
    }
}

Konuyu işaretlememek için aşağıdakileri eklediğinizden emin olun:

• Kullanıcı Ayarları değil Çalışma Alanı Ayarları

Dosya >> Tercihler >> Ayarlar altında

"javascript.implicitProjectConfig.experimentalDecorators": doğru

Bu benim için sorunu düzeltti ve ben burada ve diğer yerlerde buldum oldukça birkaç öneri çalıştı.

Son zamanlarda Visual Studio 2017 altında bu sorunu yaşadım - VScon "özelliği" neden olduğu ortaya çıktı - Build eylem İçerik olarak ayarlanmadığında tsconfig.json yok sayılıyor .

Bu nedenle Oluştur eylemini İçerik olarak değiştirmek ve çözümü yeniden yüklemek sorunu çözdü.

Açıklık ve aptallık uğruna.

1) .vscode / settings.json dosyasını açın.

2) Üzerine "typescript.tsdk": "node_modules / typescript / lib" ekleyin.

3) Kaydet.

4) Visual Studio Code'u yeniden başlatın.

Visual Studio'da çalışıyorsanız. Bu düzeltmeyi deneyebilirsiniz

1. Projenizi visual studio'dan boşaltın
2. Proje ana dizininize gidin ve "csproj" dosyasını açın.

3. Resimde gösterildiği gibi bu bölüme TypeScriptExperimentalDecorators ekleyin

   

   4. Visual Studio projeyi yeniden yükleyin.

bu konumda daha fazla ayrıntı görün .

* .Ts dosyalarını derlemek için cli kullanıyorsanız, aşağıdaki komutu kullanarak experimentalDecorators'ı ayarlayabilirsiniz:

 tsc filename.ts --experimentalDecorators "true"

Lütfen VS Kodunuzda yalnızca src klasörünün değil, tüm projenin klasörüne karşı çıktığınızı kontrol edin, çünkü yalnızca src'yi açarsanız, ts.config.json (proje klasöründe bulunur) dosyası kapsamda olmayacaktır ve VS deneysel dekoratör parametrelerini tanımayacaktır.

Benim durumumda bu, bu sorunla ilgili tüm sorunları düzeltti.

1. VScode'u açın.
2. Ctrl + virgül tuşlarına basın
3. Ekran görüntüsündeki talimatları izleyin
   1. Deneysel dekorlar hakkında arama yapma
   2. Düzenle

Proje adı / src yerine projenin tüm klasörünü aç

tsconfig.json src klasöründe değil

Tsconfig.json dosyasından "baseUrl": "" öğesini kaldırarak uyarıyı düzelttim

Proje dışında var olan bir TS dosyasını açarsanız, bu sorunla karşılaşabilirsiniz. Örneğin, lerna kullanıyorum ve başka bir paketten açık bir dosya vardı. Diğer paketin deneysel dekoratörler ile kendi tsconfig'i olmasına rağmen, VsCode onurlandırmaz.

Açısal 2'de bir Enjekte Edilebilir Hizmetler oluştururken aynı sorunla karşı karşıya kaldım. Tsconfig.json'da her şeyim var.

@Injectable()
export class ColorsImmutable {

Ve düzeltme, hizmet sağlayıcılar dizisini kullanarak hizmeti Modül Düzeyinde veya Bileşen Düzeyinde kaydetmekti.

providers:[ColorsImmutable ],

Deno JavaScript ve TypeScript çalışma zamanını kullanıyorsanız ve tsconfig.json veya VSCode ide ayarlarında experimentalDecorators: true özelliğini etkinleştirirseniz. Çalışmayacak. Deno gereksinimine göre, bir Deno dosyasını çalıştırırken tsconfig öğesini bayrak olarak sağlamanız gerekir. Bkz. Özel TypeScript Derleyici Seçenekleri

Benim özel durumumda bir Deno testi yapıyordum ve kullandım.

$ deno test -c tsconfig.json

Eğer bir dosyaysa,

 $ deno run -c tsconfig.json mod.ts

tsconfig.json'um

{
  "compilerOptions": {
    "allowJs": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "module": "esnext"
  }
}

Bu seçeneği tsconfig.json'a ekledim, "baseUrl": "front-end"ön ucu açısal cli projenizin adıyla değiştirin.

Ayrıca deneyebilirsiniz ng build. Ben sadece uygulamayı yeniden inşa ettik ve şimdi uymuyor.

Böylece modül adınızı dosya adıyla eşleştirerek bunun üstesinden gelebilirsiniz. BankSpecialtyModule modül adına sahipseniz, dosya adı olmalıdır. Banka-specialty.module.ts

Yeni bir modül oluşturup * .module.ts ve * -routing.module.ts dosyamı başka bir klasöre taşıdığımda bu hatayla karşılaştım. İki dosyayı sildikten ve modülü yeni klasörde oluşturduktan sonra mükemmel çalışıyor. Ortam Açısal Sürüm 9 ve Açısal CLI sürüm 9.1.0

Benim için bu hata "Dekoratörler için deneysel destek, gelecekteki bir sürümde değişime tabi olan bir özelliktir. (Vb.)" Yalnızca Açısal bir projede VS Kodunda ve yalnızca yeni bir Hizmet oluştururken oldu.

Yukarıdaki çözüm: "Visual Code Studio'da Dosya >> Tercihler >> Ayarlar'a gidin, arama alanında" dekoratör "Ara ve JavaScript› Örtülü Proje Yapılandırması: Deneysel Dekoratörler ”seçeneği sorunu çözdü.

Ayrıca, terminal penceresindeki ng hizmetini durdurmak ve yeniden başlatmak hatayı yeniden derledikten sonra kaybolur.