Typescript: 옵션 resolveJsonModule은 esModuleInterop없이 작동하지 않습니다.

에 만든 2018년 07월 03일 · 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 에 2018년 12월 24일

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

모든 22 댓글

~~또한 resolveJsonModule 를 사용하지만 esModuleInterop 없으면 json 파일이 출력 디렉터리에 나타납니다.~~

ikokostya 에 2018년 07월 03일

ne1410s 에 2018년 12월 24일

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

설정 확인 resolveJsonModule 에 true 내에서 tsconfig.json 이 문제를 해결.

faltysad 에 2019년 02월 04일

👍11 👎5 🚀1

VS Code를 수동으로 다시 시작하면이 문제가 해결됩니다.

intelliot 에 2019년 06월 04일

👍29 👎5

resolveJsonModule을 "true"로 설정 한 후 VS Code (TypeScript 3.2.2, VSCode 1.30.1)에서 동일한 문제가 발생했습니다. VS Code를 다시 시작하면 문제가 해결되었습니다. 다른 TS 구성을 변경할 필요가 없었습니다.

감사합니다, 작동했습니다!

ErnestoIslas 에 2019년 06월 21일

resolveJsonModule을 "true"로 설정 한 후 VS Code (TypeScript 3.2.2, VSCode 1.30.1)에서 동일한 문제가 발생했습니다. VS Code를 다시 시작하면 문제가 해결되었습니다. 다른 TS 구성을 변경할 필요가 없었습니다.

나를 위해 일했습니다, 감사합니다!

ps-arndwestermann 에 2019년 07월 16일

resolveJsonModule을 "true"로 설정 한 후 VS Code (TypeScript 3.2.2, VSCode 1.30.1)에서 동일한 문제가 발생했습니다. VS Code를 다시 시작하면 문제가 해결되었습니다. 다른 TS 구성을 변경할 필요가 없었습니다.

이것은 실제로 작동했습니다. 감사합니다 😃

brionmario 에 2019년 08월 11일

resolveJsonModule을 "true"로 설정 한 후 VS Code (TypeScript 3.2.2, VSCode 1.30.1)에서 동일한 문제가 발생했습니다. VS Code를 다시 시작하면 문제가 해결되었습니다. 다른 TS 구성을 변경할 필요가 없었습니다.

고마워요, 매력 같았어요!

redi-monappab 에 2019년 10월 27일

나는 @intelliot 코드 대 위에서 설명한 것과 인 IntelliJ에서 비슷한 동작을 참조하십시오. 제안 해 주셔서 감사합니다.

ltomes 에 2019년 12월 02일

👍1

대상을 esnext 로 업데이트 한 사용자의 경우 tsconfig에 다음을 추가해야합니다.
...
"target": "esnext",
"moduleResolution": "노드",
...

ghost 에 2020년 01월 31일

👍5 🎉2

다시 시작한 후 처음에는 파일이 녹색으로 표시되고 3 초 후에 다시 빨간색으로 강조 표시됩니다. 따라서 제 경우에는 다시 시작해도이 문제가 해결되지 않습니다.

chrisj-skinner 에 2020년 03월 02일

👍17

@ chrisj-skinner는 나와 동일합니다. 왜 이런 일이 발생하는지 잘 모르겠습니다.

imanuelgittens 에 2020년 03월 02일

이 문제가 여전히 존재하기 때문에이 문제가 종결 된 이유는 무엇입니까?

NikosEfthias 에 2020년 03월 12일

👍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- 에 2020년 03월 16일

👍5

WebStorm을 사용하는 경우에도 다시 시작해야합니다.

joofholland 에 2020년 03월 19일

👍1

여기에도 같은 문제가 있습니다.

다시 시작한 후 처음에는 파일이 녹색으로 표시되고 3 초 후에 다시 빨간색으로 강조 표시됩니다. 따라서 제 경우에는 다시 시작해도이 문제가 해결되지 않습니다.

Charada32 에 2020년 03월 27일

다시 시작한 후 처음에는 파일이 녹색으로 표시되고 3 초 후에 다시 빨간색으로 강조 표시됩니다. 따라서 제 경우에는 다시 시작해도이 문제가 해결되지 않습니다.

나는 같은 문제가 있었지만 tsconfig.json에 새로 생성 된 폴더 / ts 파일을 포함하는 것을 잊었 기 때문에

axe-me 에 2020년 04월 08일

🚀1 🎉1 👍1

나는 같은 문제가 있었지만 tsconfig.json에 새로 생성 된 폴더 / ts 파일을 포함하는 것을 잊었 기 때문에

똑같아, 고마워!

clearloop 에 2020년 04월 14일

제 경우 : "파일"-> "캐시 무효화 / 다시 시작 ..."-> "무효화 및 다시 시작", 문제 해결

davide1995 에 2020년 05월 05일

제 경우에는 다음을 수행하여이 문제를 해결했습니다.

        "moduleResolution": "node"

이렇게하면 문제를 해결할 수도 있습니다.

        "module": "commonjs"

danmalloc 에 2020년 05월 20일

제 경우에 이런 일이 일어날 지 여부는 확실하지 않지만 out 및 src 폴더와 동일한 디렉토리에 tsconfig.json 를 넣어야했습니다.

SketchyLxve 에 2020년 09월 02일

moduleResolution : node를 추가했지만 여전히 오류가 발생했습니다. VS 재시작 후 '수정'되었습니다.

bujoriosif 에 2020년 11월 28일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급