Typescript: L'option ResolutionJsonModule ne fonctionne pas sans esModuleInterop

Créé le 3 juil. 2018 · 22Commentaires · Source: microsoft/TypeScript

Version TypeScript: 2.9.2, 3.0.0-dev.20180703

Termes de recherche:

résoudreJsonModule, 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"
    }
}

Comportement prévisible:

Aucune erreur.

Comportement réel:

Erreur de compilation:

$ 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';
                        ~~~~~~~~~~~~~

Lorsque j'ajoute l'option esModuleInterop à tsconfig.json :

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

et remplacez l'instruction d'importation par:

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';

Ça marche. Mais avec l'option esModuleInterop , je dois modifier de nombreuses importations dans mon projet, ce qui n'est pas souhaitable.

Lien Playground:

Problèmes liés:

Bug Fixed

Source

ikokostya

👍11

Commentaire le plus utile

Après avoir réglé la valeur "true" pour résoudreJsonModule, j'avais le même problème dans VS Code, (TypeScript 3.2.2, VSCode 1.30.1). Le redémarrage de VS Code a résolu le problème pour moi - je n'ai eu à modifier aucune autre configuration ts

ne1410s le 24 déc. 2018

👍121 🎉27 ❤26 🚀15 😕15 😄12 👀8 👎5

Tous les 22 commentaires

~~Aussi avec resolveJsonModule , mais sans esModuleInterop , le fichier json apparaît dans le répertoire de sortie.~~

ikokostya le 3 juil. 2018

ne1410s le 24 déc. 2018

👍121 🎉27 ❤26 🚀15 😕15 😄12 👀8 👎5

Confirmation que le paramètre resolveJsonModule à true dans mon tsconfig.json résolu ce problème.

faltysad le 4 févr. 2019

👍11 👎5 🚀1

Le redémarrage manuel de VS Code résout ce problème.

intelliot le 4 juin 2019

👍29 👎5

Après avoir réglé la valeur "true" pour résoudreJsonModule, j'avais le même problème dans VS Code, (TypeScript 3.2.2, VSCode 1.30.1). Le redémarrage de VS Code a résolu le problème pour moi - je n'ai eu à modifier aucune autre configuration ts

Merci, cela a fonctionné!

ErnestoIslas le 21 juin 2019

Après avoir réglé la valeur "true" pour résoudreJsonModule, j'avais le même problème dans VS Code, (TypeScript 3.2.2, VSCode 1.30.1). Le redémarrage de VS Code a résolu le problème pour moi - je n'ai eu à modifier aucune autre configuration ts

A travaillé pour moi aussi, merci!

ps-arndwestermann le 16 juil. 2019

Après avoir réglé la valeur "true" pour résoudreJsonModule, j'avais le même problème dans VS Code, (TypeScript 3.2.2, VSCode 1.30.1). Le redémarrage de VS Code a résolu le problème pour moi - je n'ai eu à modifier aucune autre configuration ts

Cela a vraiment fonctionné. Merci 😃

brionmario le 11 août 2019

Après avoir réglé la valeur "true" pour résoudreJsonModule, j'avais le même problème dans VS Code, (TypeScript 3.2.2, VSCode 1.30.1). Le redémarrage de VS Code a résolu le problème pour moi - je n'ai eu à modifier aucune autre configuration ts

Merci, cela a fonctionné comme un charme!

redi-monappab le 27 oct. 2019

Je vois un comportement similaire dans intellij à ce que @intelliot a décrit ci-dessus pour vs code. Merci pour la suggestion.

ltomes le 2 déc. 2019

👍1

Pour ceux qui ont mis à jour leur cible à esnext vous devez ajouter ce qui suit à votre tsconfig :
...
"cible": "esnext",
"moduleResolution": "node",
...

ghost le 31 janv. 2020

👍5 🎉2

Au départ, après un redémarrage, le fichier est vert, puis 3 secondes plus tard surligné à nouveau en rouge. Donc, redémarrer dans mon cas ne résout pas ce problème.

chrisj-skinner le 2 mars 2020

👍17

@ chrisj-skinner pareil avec moi. Je ne sais pas pourquoi cela se produit.

imanuelgittens le 2 mars 2020

Pourquoi ce problème est-il proche puisque ce problème existe toujours?

NikosEfthias le 12 mars 2020

👍2

j'ai

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

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

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

J'utilise déjà resolutionJsonModule.

a-x- le 16 mars 2020

👍5

Si vous utilisez WebStorm, vous devez également redémarrer.

joofholland le 19 mars 2020

👍1

J'ai le même problème ici,

Au départ, après un redémarrage, le fichier est vert, puis 3 secondes plus tard surligné à nouveau en rouge. Donc, redémarrer dans mon cas ne résout pas ce problème.

Charada32 le 27 mars 2020

Au départ, après un redémarrage, le fichier est vert, puis 3 secondes plus tard surligné à nouveau en rouge. Donc, redémarrer dans mon cas ne résout pas ce problème.

J'ai eu le même problème, mais parce que j'ai oublié d'inclure le nouveau fichier de dossier / ts créé dans le tsconfig.json

axe-me le 8 avr. 2020

🚀1 🎉1 👍1

J'ai eu le même problème, mais parce que j'ai oublié d'inclure le nouveau fichier de dossier / ts créé dans le tsconfig.json

Pareil, merci mon frère!

clearloop le 14 avr. 2020

Dans mon cas: "Fichier" -> "Invalidate Caches / Restart ..." -> "Invalidate and Restart", a résolu le problème

davide1995 le 5 mai 2020

Dans mon cas, j'ai corrigé cela en faisant:

        "moduleResolution": "node"

Cela peut également résoudre le problème:

        "module": "commonjs"

danmalloc le 20 mai 2020

Dans mon cas, je ne sais pas si cela est supposé se produire ou non, mais j'ai dû mettre mes tsconfig.json dans le même répertoire que mes dossiers out et src .