Typescript: Die Option resolveJsonModule funktioniert nicht ohne esModuleInterop

Erstellt am 3. Juli 2018  ·  22Kommentare  ·  Quelle: microsoft/TypeScript


TypeScript-Version: 2.9.2, 3.0.0-dev.20180703


Suchbegriffe:

resolveJsonModule, esModuleInterop

Code

import * as test from './test.json';

tsconfig.json:

{
    "compilerOptions": {
        "module": "commonjs",
        "moduleResolution": "node",
        "target": "es2017",
        "lib": ["es2017"],
        "strict": true,
        "sourceMap": true,
        "noEmitOnError": true,
        "baseUrl": ".",
        "resolveJsonModule": true,
        "outDir": "out"
    }
}

Erwartetes Verhalten:

Keine Fehler.

Tatsächliches Verhalten:

Kompilierungsfehler:

$ tsc
test.ts:1:23 - error TS2497: Module '"/home/kostya/tmp/resolve-json-test/test"' resolves to a non-module entity and cannot be imported using this construct.

1 import * as test from './test.json';
                        ~~~~~~~~~~~~~

Wenn ich esModuleInterop Option zu tsconfig.json hinzufüge:

diff --git a/tsconfig.json b/tsconfig.json
index 7f1afb8..e949135 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,6 +9,7 @@
         "noEmitOnError": true,
         "baseUrl": ".",
         "resolveJsonModule": true,
+        "esModuleInterop": true,
         "outDir": "out"
     }
 }

und ändern Sie die Importanweisung in:

diff --git a/test.ts b/test.ts
index 07bb9b7..dddcffb 100644
--- a/test.ts
+++ b/test.ts
@@ -1 +1 @@
-import * as test from './test.json';
+import test from './test.json';

Es klappt. Aber mit der Option esModuleInterop ich viele Importe in meinem Projekt ändern, was unerwünscht ist.

Spielplatz Link:

Verwandte Themen:

Bug Fixed
Quelle
picture ikokostya
👍11

Hilfreichster Kommentar

Nachdem ich resolveJsonModule auf "true" gesetzt hatte, hatte ich das gleiche Problem in VS Code (TypeScript 3.2.2, VSCode 1.30.1). Durch einen Neustart von VS Code wurde das Problem für mich behoben. Ich musste keine andere ts-Konfiguration ändern

picture ne1410s am 24. Dez. 2018
👍121 🎉27 ❤26 🚀15 😕15 😄12 👀8 👎5

Alle 22 Kommentare

Auch mit resolveJsonModule , jedoch ohne esModuleInterop , wird die JSON-Datei im Ausgabeverzeichnis angezeigt.

ikokostya picture ikokostya am 3. Juli 2018

Nachdem ich resolveJsonModule auf "true" gesetzt hatte, hatte ich das gleiche Problem in VS Code (TypeScript 3.2.2, VSCode 1.30.1). Durch einen Neustart von VS Code wurde das Problem für mich behoben. Ich musste keine andere ts-Konfiguration ändern

ne1410s picture ne1410s am 24. Dez. 2018
👍121 🎉27 ❤26 🚀15 😕15 😄12 👀8 👎5

Bestätigt, dass das Setzen von resolveJsonModule auf true in meinem tsconfig.json dieses Problem behoben hat.

faltysad picture faltysad am 4. Feb. 2019
👍11 👎5 🚀1

Durch manuelles Neustarten von VS Code wird dieses Problem behoben.

intelliot picture intelliot am 4. Juni 2019
👍29 👎5

Nachdem ich resolveJsonModule auf "true" gesetzt hatte, hatte ich das gleiche Problem in VS Code (TypeScript 3.2.2, VSCode 1.30.1). Durch einen Neustart von VS Code wurde das Problem für mich behoben. Ich musste keine andere ts-Konfiguration ändern

Danke, es hat funktioniert!

ErnestoIslas picture ErnestoIslas am 21. Juni 2019

Nachdem ich resolveJsonModule auf "true" gesetzt hatte, hatte ich das gleiche Problem in VS Code (TypeScript 3.2.2, VSCode 1.30.1). Durch einen Neustart von VS Code wurde das Problem für mich behoben. Ich musste keine andere ts-Konfiguration ändern

Hat auch für mich gearbeitet, danke!

ps-arndwestermann picture ps-arndwestermann am 16. Juli 2019

Nachdem ich resolveJsonModule auf "true" gesetzt hatte, hatte ich das gleiche Problem in VS Code (TypeScript 3.2.2, VSCode 1.30.1). Durch einen Neustart von VS Code wurde das Problem für mich behoben. Ich musste keine andere ts-Konfiguration ändern

Das hat tatsächlich funktioniert. Danke 😃

brionmario picture brionmario am 11. Aug. 2019

Nachdem ich resolveJsonModule auf "true" gesetzt hatte, hatte ich das gleiche Problem in VS Code (TypeScript 3.2.2, VSCode 1.30.1). Durch einen Neustart von VS Code wurde das Problem für mich behoben. Ich musste keine andere ts-Konfiguration ändern

Danke, es hat wie ein Zauber funktioniert!

redi-monappab picture redi-monappab am 27. Okt. 2019

Ich sehe ein ähnliches Verhalten in Intellij wie das, was @intelliot oben für vs Code beschrieben hat. Danke für den Vorschlag.

ltomes picture ltomes am 2. Dez. 2019
👍1

Für diejenigen, die ihr Ziel auf esnext aktualisiert haben, müssen Sie Ihrer tsconfig Folgendes
...
"Ziel": "esnext",
"moduleResolution": "node",
...

ghost picture ghost am 31. Jan. 2020
👍5 🎉2

Nach einem Neustart ist die Datei zunächst grün, dann 3 Sekunden später wieder rot hervorgehoben. Ein Neustart in meinem Fall behebt dieses Problem also nicht.

chrisj-skinner picture chrisj-skinner am 2. März 2020
👍17

@ Chrisj-Skinner gleich bei mir. Ich bin mir nicht sicher, warum das passiert.

imanuelgittens picture imanuelgittens am 2. März 2020

Warum ist dieses Problem nahe, da dieses Problem immer noch besteht?

NikosEfthias picture NikosEfthias am 12. März 2020
👍2

ich habe

    "esModuleInterop": true,
    "resolveJsonModule": true,
    "moduleResolution": "node",

und
const pkgJSON = require('../../package.json');

- Consider using '--resolveJsonModule' to import module with '.json' extensionts(2732)

Ich benutze ResolutionJsonModule bereits.

a-x- picture a-x- am 16. März 2020
👍5

Wenn Sie WebStorm verwenden, müssen Sie auch neu starten.

joofholland picture joofholland am 19. März 2020
👍1

Ich habe hier das gleiche Problem,

Nach einem Neustart ist die Datei zunächst grün, dann 3 Sekunden später wieder rot hervorgehoben. Ein Neustart in meinem Fall behebt dieses Problem also nicht.

Charada32 picture Charada32 am 27. März 2020

Nach einem Neustart ist die Datei zunächst grün, dann 3 Sekunden später wieder rot hervorgehoben. Ein Neustart in meinem Fall behebt dieses Problem also nicht.

Ich hatte das gleiche Problem, aber das, weil ich vergessen habe, den neu erstellten Ordner / ts in die Datei tsconfig.json aufzunehmen

axe-me picture axe-me am 8. Apr. 2020
🚀1 🎉1 👍1

Ich hatte das gleiche Problem, aber das, weil ich vergessen habe, den neu erstellten Ordner / ts in die Datei tsconfig.json aufzunehmen

Gleich, danke Bruder!

clearloop picture clearloop am 14. Apr. 2020

In meinem Fall: "Datei" -> "Caches ungültig machen / neu starten ..." -> "Ungültig machen und neu starten", das Problem wurde behoben

davide1995 picture davide1995 am 5. Mai 2020

In meinem Fall habe ich Folgendes behoben:

        "moduleResolution": "node"

Dies kann auch das Problem beheben:

        "module": "commonjs"
danmalloc picture danmalloc am 20. Mai 2020

Für meinen Fall bin ich mir nicht sicher, ob dies passieren soll oder nicht, aber ich musste meine tsconfig.json in dasselbe Verzeichnis wie meine Ordner out und src legen.

SketchyLxve picture SketchyLxve am 2. Sept. 2020

Obwohl ich moduleResolution: node hinzugefügt habe, war der Fehler immer noch vorhanden. Nach einem VS-Neustart wurde es 'behoben'

bujoriosif picture bujoriosif am 28. Nov. 2020
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

fwanicka picture fwanicka  ·  3Kommentare
zhuravlikjb picture zhuravlikjb  ·  3Kommentare
MartynasZilinskas picture MartynasZilinskas  ·  3Kommentare
DanielRosenwasser picture DanielRosenwasser  ·  3Kommentare
siddjain picture siddjain  ·  3Kommentare