Angular 2 Unit Tests: Name 'beschreiben' kann nicht gefunden werden

Ich folge diesem Tutorial von angle.io

Wie gesagt, ich habe die Datei hero.spec.ts erstellt, um Komponententests zu erstellen:

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);
  });
});

Unit Tests wirken wie ein Zauber. Das Problem ist: Ich sehe einige Fehler, die im Tutorial erwähnt werden:

Unser Editor und der Compiler beschweren sich möglicherweise, dass sie nicht wissen, was it und expectsind, weil ihnen die Typisierungsdateien fehlen, die Jasmine beschreiben. Wir können diese nervigen Beschwerden vorerst ignorieren, da sie harmlos sind.

Und sie haben es tatsächlich ignoriert. Obwohl diese Fehler harmlos sind, sieht es in meiner Ausgabekonsole nicht gut aus, wenn ich einige davon erhalte.

Beispiel für das, was ich bekomme:

Name 'beschreiben' kann nicht gefunden werden.

Der Name 'it' wurde nicht gefunden.

Der Name 'erwarten' kann nicht gefunden werden.

Was kann ich tun, um das Problem zu beheben?

Ich hoffe du hast installiert -

npm install --save-dev @types/jasmine

Fügen Sie dann den folgenden Import oben in die hero.spec.tsDatei ein -

import 'jasmine';

Es sollte das Problem lösen.

Mit [email protected] oder höher können Sie Typen installieren mit:

npm install -D @types/jasmine

Importieren Sie dann die Typen automatisch mit der typesOption in tsconfig.json:

"types": ["jasmine"],

Diese Lösung erfordert nicht import {} from 'jasmine'; in jeder Spezifikationsdatei.

npm install @types/jasmine

Wie in einigen Kommentaren erwähnt, wird das "types": ["jasmine"]nicht mehr benötigt, alle @typesPakete werden automatisch in die Kompilierung einbezogen (seit v2.1 denke ich).

Meiner Meinung nach besteht die einfachste Lösung darin, die Testdateien in Ihrer tsconfig.json wie folgt auszuschließen :

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

Das funktioniert bei mir.

Weitere Informationen in den offiziellen tsconfig-Dokumenten .

Sie müssen Typisierungen für Jasmin installieren. Angenommen, Sie befinden sich in einer relativ neuen Version von Typoskript 2, sollten Sie in der Lage sein:

npm install --save-dev @types/jasmine

Mit [email protected] oder höher können Sie Typen mit npm install installieren

npm install --save-dev @types/jasmine

importiert dann die Typen automatisch die Verwendung typeRoots Option in tsconfig.json.

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

Diese Lösung erfordert keinen Import {} von 'Jasmin'; in jeder Spezifikationsdatei.

Die Lösung für dieses Problem hängt mit dem zusammen, was @Pace geschrieben hat in seiner Antwort geschrieben hat. Es erklärt jedoch nicht alles. Wenn es Ihnen nichts ausmacht, schreibe ich es selbst.

LÖSUNG:

Hinzufügen dieser Zeile:

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

am Anfang der hero.spec.tsDatei behebt das Problem. Weg führt zutypings Ordner (in dem alle Eingaben gespeichert sind).

Um Typisierungen zu installieren, müssen Sie eine typings.jsonDatei im Stammverzeichnis Ihres Projekts mit folgendem Inhalt erstellen :

{
  "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"
  }
}

Und ausführen typings install(wo typingsist das NPM-Paket).

In meinem Fall bestand die Lösung darin, das typeRootsin meinem zu entfernen tsconfig.json.

Wie Sie im TypeScript-Dokument lesen können

Wenn typeRoots angegeben ist, werden nur Pakete unter typeRoots eingeschlossen.

Ich bin auf dem neuesten Stand von heute und habe den besten Weg gefunden, dies zu beheben, indem ich nichts tue ... nein typeRootsnein typesnein excludenein includealle Standardeinstellungen scheinen einwandfrei zu funktionieren. Eigentlich hat es bei mir nicht richtig funktioniert, bis ich sie alle entfernt habe. Ich hatte:

"exclude": [
    "node_modules"
]

aber das ist in den Standardeinstellungen, also habe ich das entfernt.

Ich hatte:

"types": [
    "node"
]

um eine Compiler-Warnung zu überwinden. Aber jetzt habe ich das auch entfernt.

Die Warnung, die nicht sein sollte, ist: error TS2304: Cannot find name 'AsyncIterable'. vonnode_modules\@types\graphql\subscription\subscribe.d.ts

Das ist sehr widerlich, also habe ich das in tsconfig gemacht, damit es geladen wird:

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

da es im esnext set ist. Ich benutze es nicht direkt, also mache ich mir hier noch keine Sorgen um die Kompatibilität. Hoffe das verbrennt mich später nicht.

Musste nur Folgendes tun, um @types in einem Lerna Mono-Repo aufzunehmen, in dem mehrere node_modules existieren.

npm install -D @types/jasmine

Dann in jeder tsconfig.file jedes Moduls oder jeder App

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

Damit TypeScript Compiler während der Kompilierung alle sichtbaren Typdefinitionen verwenden kann, typessollte die Option vollständig aus dem compilerOptionsFeld in entfernt werdentsconfig.json Datei entfernt werden.

Dieses Problem tritt auf, wenn einige typesEinträge im compilerOptionsFeld vorhanden sind, in denen gleichzeitig ein jestEintrag fehlt.

Um das Problem zu beheben, sollte das compilerOptionsFeld in Ihrem Feld tscongfig.jsonentweder jestin den typesBereich aufgenommen oder typesvollständig entfernt werden:

{
  "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"
  ]
}

Ich füge nur Antwort für das hinzu, was für mich in "Typoskript" funktioniert: "3.2.4" Ich habe festgestellt, dass Jasmin in node_modules / @ types einen Ordner für ts3.1 unter dem Jasmin-Typ hat. Hier sind die Schritte: -

• Installieren Sie Typ Jasmin npm install -D @types/jasmine

• Zu tsconfig.json hinzufügen jasmine / ts3.1

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

• Fügen Sie Jasmin zu den Typen hinzu

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

Hinweis: Dies istimport 'jasmine';nicht mehrerforderlich.

In meinem Fall wurde dieser Fehler beim Bereitstellen der App angezeigt, nicht beim Testen. Ich wusste nicht, dass ich in meiner Datei tsconfig.app.json eine andere Konfigurationseinstellung hatte.

Ich hatte vorher das:

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

Es enthielt alle meine .spec.tsDateien, wenn die App bereitgestellt wurde. Ich habe das include property toAusschließen geändert und einen regulären Ausdruck hinzugefügt, um alle Testdateien wie folgt auszuschließen:

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

Jetzt funktioniert es wie erwartet.

Schauen Sie sich den Import an, vielleicht haben Sie eine Zyklusabhängigkeit . Dies war in meinem Fall der Fehler. Mit import {} from 'jasmine';wird der Fehler in der Konsole behoben und der Code kompilierbar gemacht, aber die Wurzel des Teufels wird nicht entfernt (in meinem Fall die Zyklusabhängigkeit).

Ich arbeite mit Angular 6, Typescript 2.7, und verwende das Jest-Framework für Unit-Tests. Ich hatte innen @types/jestinstalliert und hinzugefügttypeRootstsconfig.json

Habe aber immer noch den Anzeigefehler unten (dh: am Terminal gibt es keine Fehler)

kann den Namen nicht beschreiben finden

Und den Import hinzufügen:

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

macht technisch nichts, also dachte ich, dass es irgendwo einen Import gibt, der dieses Problem verursacht, dann habe ich festgestellt, dass wenn die Datei gelöscht wird

tsconfig.spec.json

in dem src/ Ordner, löste das Problem für mich. As @types wird zuvor in die rootTypes importiert.

Ich empfehle Ihnen, dasselbe zu tun und diese Datei zu löschen. Es ist keine erforderliche Konfiguration enthalten. (ps: wenn du im selben Fall bist wie ich)

Wenn sich der Fehler in der .specs-Datei app / app.component.spec.ts (7,3) befindet: Fehler TS2304: Der Name 'beforeEach' wurde nicht gefunden.

Fügen Sie dies oben in Ihre Datei ein und installieren Sie npm rxjs

{range} aus 'rxjs' importieren; {map, filter} aus 'rxjs / operator' importieren;