Enum-Typ zur Laufzeit nicht definiert

Ich habe ein problem, wo der Typescript-compiler kompiliert meinem code erfolgreich, aber die Laufzeit gibt mir undefined Fehler.

In meine app, die ich erstellt eine types.ts - Datei mit ein paar Dinge, die gemeinsam von mehreren anderen ts-Dateien. Es enthält einen string, enum wie:

enum MyEnum {
  One = "one";
  Two = "two";
}

Wenn ich es definieren wie diese. Der compiler lässt mich in anderen ts-Dateien, und scheint glücklich zu sein. Aber zur Laufzeit bekomme ich die Fehlermeldung "MyEnum ist nicht definiert".

Kenne ich zwei Möglichkeiten um dieses Problem zu lösen:

Definieren, die enum in der Datei, wo es verwendet wird. Aber ich glaube nicht, dass dieses zu lösen, wird alles, was für andere Dateien, die Sie benutzen möchten.
Verwenden Sie "export" in der Typen.ts-Datei, und importieren Sie jede Art ausdrücklich überall dort, wo es verwendet wird.

Ich bin ganz neu, Typoskript, und ich fühle, dass ich vielleicht etwas grundlegendes Missverständnis.

Erstmal, ich verstehe nicht, warum der Typescript-compiler glücklich kompiliert mein code, falls es zu einem Laufzeitfehler. Ich würde es verstehen wenn ich es gebraucht hatte declare - Schlüsselwort weist den compiler, dass etwas sollte werden zur Laufzeit verfügbar, aber in diesem Fall sehe ich nicht, warum es ist davon auszugehen, dass die enum-kommt von irgendwo anders, dann die Typen.ts-Datei.

Zweiten, ich würde gerne definieren Typen irgendwo weltweit in meine app und habe Sie überall verfügbar sind, ohne Sie zuvor importieren Sie jedes mal, wenn ich Sie genutzt. Wie kann ich dies erreichen? Oder ist das vielleicht als schlechte Praxis?

Ich bin mit Typoskript 2.6 und meine config sieht wie folgt aus:

{
  "compilerOptions": {
    /* Basic Options */
    "target": "es6",
    "module": "commonjs",
    "lib": ["es6", "es7", "esnext"],

    "sourceMap": true /* Generates corresponding '.map' file. */,
    "outDir": "build" /* Redirect output structure to the directory. */,
    "removeComments": true /* Do not emit comments to output. */,

    /* Strict Type-Checking Options */
    "strict": true /* Enable all strict type-checking options. */,

    /* Additional Checks */
    "noUnusedLocals": true /* Report errors on unused locals. */,
    "noUnusedParameters": true /* Report errors on unused parameters. */,
    "noImplicitReturns": true /* Report error when not all code paths in function return a value. */,
    "noFallthroughCasesInSwitch": true /* Report errors for fallthrough cases in switch statement. */,

    "plugins": [{ "name": "tslint-language-service" }],
    "skipLibCheck": true //because firebase-sdk has wrong type files now (Nov 18)
  },
  "include": ["src/**/*"],
  "exclude": ["build"]
}

Der enum wird transpiled als ein Objekt. Wenn Sie als ein-Knoten-app müssen Sie exportieren und importieren Sie Sie in die Dateien, in denen Sie verwenden möchten. Wenn Sie nicht, es würde nur in einer browser-Umgebung, wo Sie ein Skript mit Ihren transpiled-Datei mit dem enum ist platziert, bevor alle anderen Dateien, die auf das Objekt verweisen.
OK das Objekt macht Sinn für mich. Ich Frage mich, warum trat dies nur in meiner server-code und nicht den web-client. Aber könnten Sie erklären, ein bisschen mehr darüber, wie dies funktioniert im browser, oder einen link zu mehr Infos??? Tun enums werden Global deklarierten Variablen in einer browser-Umgebung?
Nein, Sie haben um ein script-tag mit der Datei transpiled mit dem enum-Objekt, bevor das script-tag, die Referenzen ... <script src="myscriptwiththeenum.js"><script/> ... und nach, dass <script src="myscriptthatusestheenum.js"><script/> ...<script src="myotherscriptthatusestheenum.js"><script/>. Wenn Sie webpack, browserify oder andere tool wie, dass nur die import-Anweisung, und Sie werden nicht haben zu Besorgnis über die Skript Reihenfolge
Ah ok. Aber technisch gesehen immer noch eine Globale variable, dann, aber nur vielleicht irgendwo versteckt 🙂 ich bin mit dem Typoskript Variante von CRA also ich denke, es behandelt schon. Ich Frage mich immer noch, was eine schöne Lösung ist auf der server-Seite. Durch die Verwendung von enum - (und export -) so bin ich gezwungen, nun auch den export und import alle anderen interface-und Typ-Deklarationen, die Leben in die Datei...

InformationsquelleAutor Thijs Koerselman | 2017-11-21

typescript

10

Gibt es eine andere Möglichkeit können Sie dies tun. Wenn Sie nicht möchten, exportieren Sie Ihre enum-Sie können es definieren als const enum
```
const enum MyEnum {
   One = "one";
   Two = "two";
}
```
Diese sind inline vom compiler und vollständig entfernt werden, während der Kompilierung.

Danke, ich hatte da vor auch. Ich verwende Sie auch für alle enums, die ich exportieren. Aber ich vergaß, dass diese Frage nicht über eine akzeptierte Antwort noch...

InformationsquelleAutor nukefusion

Ich hatte das gleiche problem beim Import re-Export-enum. Es verursacht Laufzeitfehler.

layout.ts

export enum Part { Column, Row }

index.ts

export * from './layout'

Komponente.ts

import { Part  } from '../entities' //This causes error
import { Part } from '../entities/layout' //This works

InformationsquelleAutor Chintsu

1

In meinem Fall von undefined enum, es stellte sich heraus, dass es ist, weil der zirkuläre importieren:

export enum A {...} definiert in Datei a.ts,
export const b = ... definiert in Datei b.ts;

import {A} from './a.ts' im b.ts,
während import {b} from './b.ts' im a.ts.

War der Fehler Weg nach dem entfernen zirkuläre Importe.

Dieser arbeitete für mich auch. Neugierig, wie kamen Sie zu dieser Lösung?

InformationsquelleAutor keos
0

Hatte ich diesen Fehler und es ging Weg, sobald ich verwendet die export-Schlüsselwort, d.h.
```
export enum MyEnum {
  One = "one";
  Two = "two";
}
```
Und stellen Sie sicher, Sie importieren Sie Sie in die Dateien, in denen Sie es als gut, d.h.
```
import { MyEnum } from '../types.ts';
```
Fand ich, dass wenn ich deklariert das enum, ohne das export-Schlüsselwort, konnte ich immer noch Bezug auf die enum-ohne Import in andere Dateien, ohne einen compiler-Fehler - es wurde nur zur Laufzeit der Undefinierte Ausnahme wurde geworfen.

Danke, aber wenn Sie Lesen Sie die Kommentare unten, die Frage, die Sie sehen, dass ich schon so weit gekommen 🙂 ich bin jetzt vor allem gefragt, wenn es keine Möglichkeit gibt, Global zu definieren Typen in der app, ohne export/import alles, denn es ist wirklich mühsam, dies zu tun für alle Typen. Ich denke, man könnte genauso alle enums und in einer separaten Datei nur exportieren/importieren. Auf diese Weise alle anderen Typen sind immer noch weltweit verfügbar und Sie brauchen nicht zu schreiben, all die vorformulierten Text verwenden Sie in der app.
Aus Neugier, welche IDE benutzt du? Mit Visual Studio-Code, wenn Sie geben Sie den Namen der enum-VS-Code generiert automatisch die import-Anweisung für Sie, das spart eine beträchtliche Menge an Zeit bei der Codierung, und hilft, um eine glatte ununterbrochene Strömung. Ich war ursprünglich mit JetBrains WebStorm gefunden, aber ich war mehr produktiv in der Visual Studio-Code-IDE.

InformationsquelleAutor Ciaran Gallagher
0

Hier ist mein Fall, wenn ich einen neuen enum zu enum.ts - Datei wie folgt:

enum.ts:
```
enum RotateMode {
  UNKNOWN = 'UNKNOWN',
  OPTIMIZE = 'OPTIMIZE',
  ROTATE_FOREVER = 'ROTATE_FOREVER'
}

export { RotateMode };
```
Ich nicht laufen tsc zum kompilieren dieser Datei wieder. Diese verursachen die enum.js - Datei nicht die RotateMode enum

enum.js:
```
//old file doesn't have the RotateMode enum
```
Dann, ich Importiere die RotateMode enum zu meinem index.ts Datei:
```
import { RotateMode } from './enum';

console.log(`RotateMode: ${JSON.stringify(RotateMode)}`);
```
Ist das Ergebnis:
```
RotateMode: undefined
```
Irgendwie, die import syntax Priorität importieren Sie die .js Datei

So, vergessen Sie NICHT, kompilieren Sie die ts-Datei nach dem hinzufügen von etwas neues

InformationsquelleAutor slideshowp2

-1

    export enum Expertlavel {
      Beginner = 0,
Intermediate = 10,
Expert = 20

};

--Export aller enums

 export * from "../Enums/enums";

InformationsquelleAutor Ranjeet Kumar

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.