gpt4 book ai didi

javascript - 如何使用 VueJS/Typescript 导入 JSON 文件?

转载 作者:行者123 更新时间:2023-11-29 18:45:20 25 4
gpt4 key购买 nike

我刚刚创建了一个干净的 VueJS 新项目,但我无法加载 JSON 文件来工作。

复制/发行

为了便于复制,我创建了一个 Github 存储库来处理我的问题: https://github.com/devedse/VueJSImportJsonFile

在 Home.vue 页面中,我试图让 Json 加载正常工作。 ( https://github.com/devedse/VueJSImportJsonFile/blob/master/src/views/Home.vue )

当您在 VSCode 中打开此解决方案时,以下行显示错误:

import theJson from '@/assets/hi.json';

Error in VSCode找不到模块“@/assets/hi.json”

运行 NPM Serve 时弹出以下错误: enter image description here

我已经尝试过的

我已经搜索了所有 stackoverflow 并尝试了以下帖子中的所有内容:

Importing json file in TypeScript

Typescript compiler error when importing json file

https://github.com/chybie/ts-json

编辑 1:

好的,我现在设法让它在运行 npm run serve 时工作,方法是将其添加到 tsconfig.json 中:

{
"compilerOptions": {
"resolveJsonModule": true
}
}

但是 VSCode 中的错误似乎仍然存在。有办法解决这个问题吗?

最佳答案

只需将 resolveJsonModule": true 添加到 compilerOptions 下的 tsconfig.json:

diff --git a/tsconfig.json b/tsconfig.json
index 499f5e2..a05dab1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,6 +6,7 @@
"jsx": "preserve",
"importHelpers": true,
"moduleResolution": "node",
+ "resolveJsonModule": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,

关于javascript - 如何使用 VueJS/Typescript 导入 JSON 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54476994/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com