Typescript: Параметр resolveJsonModule не работает без esModuleInterop

Созданный на 3 июл. 2018 · 22Комментарии · Источник: microsoft/TypeScript

Версия TypeScript: 2.9.2, 3.0.0-dev.20180703

Условия поиска:

resolveJsonModule, esModuleInterop

Код

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

Ожидаемое поведение:

Ошибок нет.

Фактическое поведение:

Ошибка компиляции:

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

Когда я добавляю параметр 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"
     }
 }

и измените оператор импорта на:

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

оно работает. Но с опцией esModuleInterop мне нужно изменить многие импорты в моем проекте, что нежелательно.

Ссылка на игровую площадку:

Связанные вопросы:

Bug Fixed

Источник

ikokostya

👍11

Самый полезный комментарий

После установки параметра resolveJsonModule в значение «true» у меня возникла такая же проблема в VS Code (TypeScript 3.2.2, VSCode 1.30.1). Перезапуск VS Code решил проблему для меня - мне не пришлось изменять какую-либо другую конфигурацию ts

ne1410s 24 дек. 2018

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

Все 22 Комментарий

~~Также с resolveJsonModule , но без esModuleInterop , файл json появляется в каталоге вывода.~~

ikokostya 3 июл. 2018

ne1410s 24 дек. 2018

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

Подтверждено, что установка resolveJsonModule на true в моем tsconfig.json решила эту проблему.

faltysad 4 февр. 2019

👍11 👎5 🚀1

Эту проблему решает ручной перезапуск VS Code.

intelliot 4 июн. 2019

👍29 👎5

После установки параметра resolveJsonModule в значение «true» у меня возникла такая же проблема в VS Code (TypeScript 3.2.2, VSCode 1.30.1). Перезапуск VS Code решил проблему для меня - мне не пришлось изменять какую-либо другую конфигурацию ts

Спасибо, сработало!

ErnestoIslas 21 июн. 2019

После установки параметра resolveJsonModule в значение «true» у меня возникла такая же проблема в VS Code (TypeScript 3.2.2, VSCode 1.30.1). Перезапуск VS Code решил проблему для меня - мне не пришлось изменять какую-либо другую конфигурацию ts

У меня тоже сработало, спасибо!

ps-arndwestermann 16 июл. 2019

После установки параметра resolveJsonModule в значение «true» у меня возникла такая же проблема в VS Code (TypeScript 3.2.2, VSCode 1.30.1). Перезапуск VS Code решил проблему для меня - мне не пришлось изменять какую-либо другую конфигурацию ts

Это действительно сработало. Спасибо 😃

brionmario 11 авг. 2019

После установки параметра resolveJsonModule в значение «true» у меня возникла такая же проблема в VS Code (TypeScript 3.2.2, VSCode 1.30.1). Перезапуск VS Code решил проблему для меня - мне не пришлось изменять какую-либо другую конфигурацию ts

Спасибо, это сработало как шарм!

redi-monappab 27 окт. 2019

Я вижу поведение в intellij, подобное тому, что описал выше @intelliot для кода vs. Спасибо за предложение.

ltomes 2 дек. 2019

👍1

Для тех, кто обновил свою цель до esnext вам необходимо добавить следующее в свой tsconfig :
...
"target": "esnext",
"moduleResolution": "узел",
...

ghost 31 янв. 2020

👍5 🎉2

Первоначально после перезапуска файл становится зеленым, а через 3 секунды снова выделяется красным. Поэтому перезапуск в моем случае не решает эту проблему.

chrisj-skinner 2 мар. 2020

👍17

@ chrisj-skinner то же самое со мной. Не уверен, почему это происходит.

imanuelgittens 2 мар. 2020

Почему эта проблема закрыта, если эта проблема все еще существует?

NikosEfthias 12 мар. 2020

👍2

я имею

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

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

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

Я уже использую resolveJsonModule.

a-x- 16 мар. 2020

👍5

Если вы используете WebStorm, вам также необходимо перезапустить.

joofholland 19 мар. 2020

👍1

У меня такая же проблема,

Первоначально после перезапуска файл становится зеленым, а через 3 секунды снова выделяется красным. Поэтому перезапуск в моем случае не решает эту проблему.

Charada32 27 мар. 2020

Первоначально после перезапуска файл становится зеленым, а через 3 секунды снова выделяется красным. Поэтому перезапуск в моем случае не решает эту проблему.

У меня была такая же проблема, но это потому, что я забыл включить новую созданную папку / ts файл в tsconfig.json