Typescript: 没有esModuleInterop的情况下，resolveJsonModule选项不起作用

创建于 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"
     }
 }

并将import语句更改为：

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

确认在我的tsconfig.json中将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

我在intellij中看到的行为与上述针对vs代码的@intelliot类似。谢谢你的建议。

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

就我而言，我不确定这是否会发生，但是，我不得不将tsconfig.json放在与out和src文件夹相同的目录中。

SketchyLxve 于 2020-09-02

尽管我添加了moduleResolution：节点，但错误仍然存在。 VS重新启动后，它被“修复”

bujoriosif 于 2020-11-28

此页面是否有帮助？

0 / 5 - 0 等级