记录：typescript错误提示请考虑使用 “--resolveJsonModule“ 导入带 “.json“ 扩展的模块。

最新推荐文章于 2025-05-16 14:47:53 发布

原创最新推荐文章于 2025-05-16 14:47:53 发布 · 395 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #json

在ts文件中导入本地json文件，其中一种方式为


import serverJson from '../../public/static/config.json'

提示错误import serverJson from '../../public/static/config.json'，无法导入json文件

解决方案：

tsconfig.json文件中增加"resolveJsonModule": true,

然后红色的报错就会消失，就可以正常导入并使用了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

FlyFish222

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

React中的TypeScript配置文件：tsconfig.json各配置项详细说明

Coding and studying

03-07

3786

TS配置文件 tsconfig.json tsconfig.js指定：项目文件和项目编译所需的配置项。注意：TS的配置项非常多（100+），以 CRA（React脚手架工具 create-react-app（简称：CRA））项目中的配置为例来学习，其他的配置项用到时查文档typescriptlang.org/tsconfig#include即可。 tsconfig.json 文件所在目录为项目根目录（与 package.json 同级）。 tsconfig.json 可以自动生成，命令：tsc --i

vue3+vite报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “X”. Does the file e

最新发布

高级前端工程师

11-08

3900

[plugin:vite:import-analysis] Failed to resolve import “axios“ from “X”. Does the file exist? vue3项目报错，vite报错，VUE3运行报错，vite编译报错提示错误，怎么解决这个问题，已经安装了axios还是不行，详细排查和解决方法，在使用 Vite 构建 Vue 或 React 项目时，常遇到 [plugin:vite:import-analysis] Failed to resolve import "ax

参与评论您还未登录，请先登录后发表或查看评论

开发中遇到的ts报错异常记录

Jane_96的博客

10-12

2368

ERROR in E:/platform/demo/node_modules/@types/webpack-env/index.d.ts(349,15): 349:15 Interface 'NodeJS.Module' incorrectly extends interface '__WebpackModuleApi.Module'. // 忽略所有的声明文件（ *.d.ts）的类型检查 // tsconfig.json "skipLibCheck":true, ERROR Cannot fin

antd select实现省市级联动完整步骤（包含读取json数据）

蓝枫秋千的踩坑记录

04-16

5667

去这里拷贝一份json数据这个字段结构也是写好了的，符合antd字段要求直接拷贝数组（不要前面的const和options和=号），然后建立一个json文件如果不想通过json读取数据，也可以直接拷贝整个文件内容（包括const options =）部分通过import的方式导入json文件注意：如果使用的是ts这里会报警告Cannot find module 'ech...

前端脚手架开发指南：提高开发效率的核心操作

ztK63LrD的博客

05-16

1580

本文详细介绍了如何开发一个定制化的前端脚手架工具，以提高开发效率并减少重复工作。文章从初始化项目、安装必要插件、配置TypeScript编译环境开始，逐步讲解了如何通过nodemon实现自动编译和热更新。接着，文章深入探讨了如何封装和抽离命令配置，以及如何通过API与Git仓库进行交互，实现模板的下载和渲染。最后，文章介绍了如何使用EJS和Consolidate进行模板渲染，生成动态内容。通过这些步骤，开发者可以构建一个适合自身团队需求的强大脚手架工具，提升前端开发的效率和质量。

请考虑使用 “--resolveJsonModule“ 导入带 “.json“ 扩展的模块

Nodejs

10-12

1万+

ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ（多数人在人潮汹涌的世间，白白挤了一生，从来不知道哪里才是他所想要到达的地方，而有目标的人却始终不忘记自我的方向，所以他能打开出路，走向成功。——罗兰）ㅤㅤㅤㅤㅤㅤ。

angular引入json文件报错找不到模块“../assets/config/config.json”。请考虑使用 “--resolveJsonModule“ 导入带 “.json“ 扩展的模块。

nansen0324的博客

08-17

4721

angular引入json报错

找不到模块“./resources/zh/zh-CN.json”。请考虑使用 "--resolveJsonModule" 导入带 ".json" 扩展的模块。

10-11

在 TypeScript 中，若遇到找不到模块 `./resources/zh/zh-CN.json` 的问题，可使用 `--resolveJsonModule` 选项来导入带 `.json` 扩展的模块。以下是详细步骤与示例代码。 ### 配置 `tsconfig.json` 要使用 `--...

深入解析 TypeScript 核心配置文件 tsconfig.json

qq_39842184的博客

03-28

1185

是 TypeScript 项目的中枢神经系统，它是 TypeScript 编译器的配置文件，决定了整个项目的编译规则、模块解析方式和类型检查策略。这个 JSON 文件通常位于项目根目录，是 TypeScript 工程化开发的基石。一个优秀的 tsconfig.json 应该：✅ 明确项目类型和运行环境✅ 平衡严格性与开发效率✅ 良好的可维护性和扩展性✅ 与工程化工具链深度集成推荐检查清单是否开启了严格模式？路径别名是否合理配置？输出目录是否独立？是否包含必要的库声明？

tsconfig.json文件配置参数的注解

Heartbroken_man的博客

02-22

1413

{ "compilerOptions": { /* Visit https://aka.ms/tsconfig.json to read more about this file */ /* 项目 */ "incremental": true, /* 启用增量编译 */ "composite": true, /* 允许TypeScript项目与项目引.

关于TypeScript中import JSON的正确姿势详解

10-19

2012年10月首度对外公布typescript（当时已经是0.7？的版本）同时开源，ts的编译器是用js编写的（后来改成ts？），可以在线编写。下面这篇文章主要给大家介绍了关于TypeScript中import JSON的正确姿势，需要的朋友可以参考下。

Cannot find module ‘./data.json‘. Consider using ‘--resolveJsonModule‘ to import module with ‘.json‘

weixin_64974855的博客

08-07

1739

就能解决 ts 文件不能导入 json 文件问题。只要在 tsconfig.json 配置。

TypeScript 导入 JSON Module --resolveJsonModule

热门推荐

alize的博客

12-17

1万+

// typings.d.ts declare module '*.json' { const value: any; export default value; } import jsonfrom 'src/assets/json/users.json'

在没有 “node“ 模块解析策略的情况下，无法指定选项 “-resolveJsonModule“。ts

weixin_51614564的博客

03-07

2421

遇到错误“在没有 'node' 模块解析策略的情况下，无法指定选项 '-resolveJsonModule'”时，意味着你的 TypeScript 配置中启用了resolveJsonModule选项，但没有将moduleResolution设置为node。resolveJsonModule选项允许你导入.json文件作为模块，而这通常需要moduleResolution设置为node，因为这是 Node.js 解析模块的方式。这应该会解决你遇到的问题。这是解决上述错误的直接方法。

vite项目报错：在没有 “node“ 模块解析策略的情况下，无法指定选项 “-resolveJsonModule“。

o0way0o的博客

11-10

1850

vite搭建react项目，在tsconfig.json文件报错在没有 “node” 模块解析策略的情况下，无法指定选项 “-resolveJsonModule”。

TypeScript1-TypeScript 简介及环境搭建

晴雪月乔的博客

04-30

2114

TypeScript 简介、环境搭建

模块

xiaoyao_wy的博客

11-18

655

模块一、模块介绍二、模块使用2.1 import语句2.2 from...import语句2.3 其他导入语法(as)2.4 循环导入问题2.5 搜索模块的路径与优先级2.6 区分py文件的两种用途2.7 编写一个规范的模块一、模块介绍在python中，一个py文件就是一个模块，文件名为xxx.py，模块名为xxx,导入模块可以引用模块中已经写好的功能。打个比方，如果汽车是一个完整的程序，那模块就像是汽车中的零部件，剩下的就是如何把模块按照逻辑组装成一部完整的汽车了。比起直接编写一个完整的程序，单独开发

ts使用vscode监视代码编译

wjw0125的博客

12-06

1495

安装全局安装ts命令 npm install -g typescript 安装结束后运行tsc -v命令显示版本号表示安装成功接下来可以使用tsc 文件名称可以将ts文件转化为js文件 js文件可以引入在html文件中直接使用监视ts文件在文件夹中执行 tsc --init 可以生成tsconfig.json文件打开该文件可以看到内容如下 { "compilerOptions": { /* Visit https://aka.ms/tsconfig.json to rea

TypeScript tsconfig.json配置文件

fukua007的博客

08-04

494

【代码】TypeScript tsconfig.json配置文件。