Tes Angular 2 Unit: Tidak dapat menemukan nama 'jelaskan'

Saya mengikuti tutorial ini dari angular.io

Seperti yang mereka katakan, saya telah membuat file hero.spec.ts untuk membuat tes unit:

import { Hero } from './hero';
describe('Hero', () => {
  it('has name', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.name).toEqual('Super Cat');
  });
  it('has id', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.id).toEqual(1);
  });
});

Tes Unit bekerja seperti pesona. Masalahnya adalah: Saya melihat beberapa kesalahan, yang disebutkan dalam tutorial:

Editor dan kompiler kami mungkin mengeluh bahwa mereka tidak tahu apa itu it dan expectkarena mereka kekurangan file pengetikan yang menggambarkan Jasmine. Kita dapat mengabaikan keluhan yang menjengkelkan itu untuk saat ini karena tidak berbahaya.

Dan mereka memang mengabaikannya. Meskipun kesalahan itu tidak berbahaya, itu tidak terlihat baik di konsol output saya ketika saya menerima banyak dari mereka.

Contoh dari apa yang saya dapatkan:

Tidak dapat menemukan nama 'jelaskan'.

Tidak dapat menemukan nama 'itu'.

Tidak dapat menemukan nama 'harap'.

Apa yang bisa saya lakukan untuk memperbaikinya?

Saya harap Anda sudah menginstal -

npm install --save-dev @types/jasmine

Kemudian masukkan impor berikut di bagian atas hero.spec.tsfile -

import 'jasmine';

Itu harus menyelesaikan masalah.

Dengan [email protected] atau yang lebih baru Anda dapat menginstal tipe dengan:

npm install -D @types/jasmine

Kemudian impor jenis secara otomatis menggunakan typesopsi di tsconfig.json:

"types": ["jasmine"],

Solusi ini tidak diperlukan import {} from 'jasmine';di setiap file spesifikasi.

npm install @types/jasmine

Seperti disebutkan dalam beberapa komentar yang "types": ["jasmine"]tidak diperlukan lagi, semua @typespaket secara otomatis dimasukkan dalam kompilasi (sejak v2.1 saya pikir).

Menurut pendapat saya solusi termudah adalah dengan mengecualikan file tes di tsconfig.json Anda seperti:

"exclude": [
    "node_modules",
    "**/*.spec.ts"
]

Ini bekerja untuk saya.

Informasi lebih lanjut dalam dokumen resmi tsconfig .

Anda perlu menginstal pengetikan untuk melati. Dengan asumsi Anda berada pada versi naskah 2 yang relatif baru, Anda seharusnya dapat melakukannya:

npm install --save-dev @types/jasmine

Dengan [email protected] atau yang lebih baru Anda dapat menginstal jenis dengan instal npm

npm install --save-dev @types/jasmine

kemudian mengimpor jenis otomatis menggunakan typeRoots pilihan di tsconfig.json.

"typeRoots": [
      "node_modules/@types"
    ],

Solusi ini tidak memerlukan impor {} dari 'jasmine'; di setiap file spesifikasi.

Solusi untuk masalah ini terhubung dengan apa yang telah ditulis @Pace dalam jawabannya. Namun, itu tidak menjelaskan semuanya jadi, jika Anda tidak keberatan, saya akan menulisnya sendiri.

LARUTAN:

Menambahkan baris ini:

///<reference path="./../../../typings/globals/jasmine/index.d.ts"/>

di awal hero.spec.tsmasalah perbaikan file. Path mengarah ke typingsfolder (tempat semua mengetik disimpan).

Untuk menginstal pengetikan, Anda perlu membuat typings.jsonfile di root proyek Anda dengan konten berikut:

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160602141332",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160807145350"
  }
}

Dan jalankan typings install(di mana typingspaket NPM).

Dalam kasus saya, solusinya adalah menghapus typeRootsdi saya tsconfig.json.

Seperti yang dapat Anda baca di dokumen TypeScript

Jika typeRoots ditentukan, hanya paket di bawah typeRoots yang akan disertakan.

Saya sedang mengerjakan yang terbaru hari ini dan menemukan cara terbaik untuk menyelesaikannya adalah tidak melakukan apa-apa ... typeRootstidak, typestidak, excludetidak, includesemua standarnya tampaknya berfungsi dengan baik. Sebenarnya itu tidak berhasil bagi saya sampai saya menghapus semuanya. Saya punya:

"exclude": [
    "node_modules"
]

tapi itu di default jadi saya menghapusnya.

Saya punya:

"types": [
    "node"
]

untuk melewati beberapa peringatan kompiler. Tapi sekarang saya menghapusnya juga.

Peringatan yang tidak seharusnya adalah: error TS2304: Cannot find name 'AsyncIterable'. fromnode_modules\@types\graphql\subscription\subscribe.d.ts

yang sangat menjengkelkan jadi saya melakukan ini di tsconfig sehingga memuatnya:

"compilerOptions": {
    "target": "esnext",
}

karena itu di set esnext. Saya tidak menggunakannya secara langsung sehingga belum ada kekhawatiran tentang kompatibilitas dulu. Semoga itu tidak membakar saya nanti.

Hanya harus melakukan yang berikut untuk mengambil @types di Lerna Mono-repo di mana beberapa node_modules ada.

npm install -D @types/jasmine

Kemudian di setiap file tsconfig.f setiap modul atau aplikasi

"typeRoots": [
  "node_modules/@types",
  "../../node_modules/@types" <-- I added this line
],

Agar Compiler TypeScript menggunakan semua Definisi Jenis yang terlihat selama kompilasi, typesopsi harus dihapus sepenuhnya dari compilerOptionsbidang dalam tsconfig.jsonfile.

Masalah ini muncul ketika ada beberapa typesentri di compilerOptionsbidang, di mana pada saat yang sama jestentri hilang.

Jadi untuk memperbaiki masalah, compilerOptionsbidang di Anda tscongfig.jsonharus termasuk jestdi typesarea atau singkirkan typessepenuhnya:

{
  "compilerOptions": {
    "esModuleInterop": true,
    "target": "es6",
    "module": "commonjs",
    "outDir": "dist",
    "types": ["reflect-metadata", "jest"],  //<--  add jest or remove completely
    "moduleResolution": "node",
    "sourceMap": true
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

Saya hanya akan menambahkan Jawaban untuk apa yang berfungsi untuk saya di "naskah": "3.2.4" Saya menyadari bahwa melati di jenis node_modules / @ ada folder untuk ts3.1 di bawah jenis melati jadi inilah langkah-langkahnya: -

• Pasang tipe melati npm install -D @types/jasmine

• Tambahkan ke tsconfig.json jasmine / ts3.1

  "typeRoots": [ ... "./node_modules/jasmine/ts3.1" ],

• Tambahkan Jasmine ke jenis

  "types": [ "jasmine", "node" ],

Catatan: Tidak perlu untuk iniimport 'jasmine';lagi.

Dalam kasus saya, saya mendapatkan kesalahan ini ketika saya melayani aplikasi, bukan saat pengujian. Saya tidak menyadari bahwa saya memiliki pengaturan konfigurasi yang berbeda di file tsconfig.app.json saya.

Saya sebelumnya punya ini:

{
  ...
  "include": [
    "src/**/*.ts"
  ]
}

Itu termasuk semua .spec.tsfile saya ketika melayani aplikasi. Saya mengubah include property toexclude` dan menambahkan regex untuk mengecualikan semua file pengujian seperti ini:

{
  ...
  "exclude": [
    "**/*.spec.ts",
    "**/__mocks__"
  ]
}

Sekarang berfungsi seperti yang diharapkan.

Lihatlah impor mungkin Anda memiliki ketergantungan siklus , ini dalam kasus saya kesalahan, menggunakan import {} from 'jasmine';akan memperbaiki kesalahan di konsol dan membuat kode dapat dikompilasi tetapi tidak menghilangkan akar setan (dalam kasus saya ketergantungan siklus).

Saya menggunakan Angular 6, Typcript 2.7, dan saya menggunakan kerangka Jest untuk pengujian unit. Saya telah @types/jestmenginstal dan menambahkan di typeRootsdalamnyatsconfig.json

Tetapi masih memiliki tampilan kesalahan di bawah ini (yaitu: pada terminal tidak ada kesalahan)

tidak dapat menemukan nama yang diuraikan

Dan menambahkan impor:

import {} from 'jest'; // in my case or jasmine if you're using jasmine

secara teknis tidak melakukan apa-apa, jadi saya pikir, bahwa ada impor di suatu tempat yang menyebabkan masalah ini, maka saya menemukan, bahwa jika menghapus file

tsconfig.spec.json

di src/folder, memecahkan masalah untuk saya. Sebagai @types diimpor sebelum di dalam rootTypes.

Saya sarankan Anda untuk melakukan hal yang sama dan menghapus file ini, tidak ada konfigurasi yang diperlukan di dalam. (ps: jika Anda berada dalam kasus yang sama dengan saya)

jika kesalahan ada di aplikasi file .specs / app.component.spec.ts (7,3): error TS2304: Tidak dapat menemukan nama 'sebelumEach'.

tambahkan ini ke atas file Anda dan instal rxjs

impor {range} dari 'rxjs'; impor {peta, filter} dari 'rxjs / operator';