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

最新推荐文章于 2025-10-22 16:55:04 发布
原创 最新推荐文章于 2025-10-22 16:55:04 发布 · 4.7k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#angular.js #json #前端
在 Angular 开发中遇到引入 JSON 文件时报错，提示无法找到模块。解决方法是在根目录的 tsconfig.json 文件的 compilerOptions 对象内添加 'resolveJsonModule': true 和 'esModuleInterop': true。这将允许 Angular 项目正确解析和导入 JSON 模块，但可能影响 jQuery 的使用。

angular引入json文件报错

找不到模块“…/assets/config/config.json”。请考虑使用 “–resolveJsonModule” 导入带 “.json” 扩展的模块。

在这里插入图片描述
解决办法：
在根目录下tsconfig.json加入下面这两句(compilerOptions对象里面加入)

/* 自己加入下面这两句话，不过可能因此影响jQuery的使用 */
"resolveJsonModule":true,      
"esModuleInterop": true,

在这里插入图片描述

开发中遇到的ts报错异常记录
Jane_96的博客
10-12 2404
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
请考虑使用 “--resolveJsonModule“ 导入带 “.json“ 扩展的模块
Nodejs
10-12 1万+
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ（多数人在人潮汹涌的世间，白白挤了一生，从来不知道哪里才是他所想要到达的地方，而有目标的人却始终不忘记自我的方向，所以他能打开出路，走向成功。——罗兰）ㅤㅤㅤㅤㅤㅤ。
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 2533
遇到错误“在没有 'node' 模块解析策略的情况下，无法指定选项 '-resolveJsonModule'”时，意味着你的 TypeScript 配置中启用了resolveJsonModule选项，但没有将moduleResolution设置为node。resolveJsonModule选项允许你导入.json文件作为模块，而这通常需要moduleResolution设置为node，因为这是 Node.js 解析模块的方式。这应该会解决你遇到的问题。这是解决上述错误的直接方法。
模块
xiaoyao_wy的博客
11-18 706
模块一、模块介绍二、模块使用2.1 import语句2.2 from...import语句2.3 其他导入语法(as)2.4 循环导入问题2.5 搜索模块的路径与优先级2.6 区分py文件的两种用途2.7 编写一个规范的模块 一、模块介绍 在python中，一个py文件就是一个模块，文件名为xxx.py，模块名为xxx,导入模块可以引用模块中已经写好的功能。打个比方，如果汽车是一个完整的程序，那模块就像是汽车中的零部件，剩下的就是如何把模块按照逻辑组装成一部完整的汽车了。比起直接编写一个完整的程序，单独开发
heima-shop项目报错
qq_40215078的博客
09-02 1275
在 TypeScript 中，默认情况下，编译器只支持解析 JavaScript 和 TypeScript 模块，而不支持解析 JSON 模块。默认情况下，TypeScript 使用 “node” 解析策略。“node” 解析策略是基于 Node.js 的模块解析规则，它会按照 Node.js 的模块解析算法来查找和加载模块。所以，尽管 Node.js 和 bundler 都可以在不同的环境中运行 JavaScript 代码，但它们的目标和用途有所不同，因此处理 JSON 数据的方式也会有所区别。
vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决
qq_39111074的博客
06-25 1万+
vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决
Umi4各种运行报错排查
芝芝为荔枝
05-11 3443
Umi4各种运行报错排查
【鸿蒙】js文件引入json模块内容失败处理方式
m0_37873477的博客
09-09 841
如index.js引入data.json模块文件 引入代码：import data from ‘data.json’ data.json文件中需增加编译选项 “resolveJsonModule”: true 属性 data.json文件内容 { “itemCount”: 200, “resolveJsonModule”: true } }
记录：typescript错误提示请考虑使用 “--resolveJsonModule“ 导入带 “.json“ 扩展的模块。
FlyFish222的博客
01-09 447
提示错误import serverJson from '../../public/static/config.json'，无法导入json文件。在ts文件中导入本地json文件，其中一种方式为。然后红色的报错就会消失，就可以正常导入并使用了。
typescript、angular如何导入JSON文件
圆圆的 JavaScript 博客
09-03 3274
typescript中如何import json文件
TypeScript07：模块系统与命名空间
斜光的博客
06-09 4645
模块系统 模块化历程 CommonJS AMD UMD ESM 无论是那种模块化规范，重点关注：保证模块独立性的同时又能很好的与其它模块进行交互 如何定义一个模块与模块内部私有作用域 通过何种方式导出模块内部数据 通过何种方式导入其它外部模块数据 UMD 严格来说，UMD 并不属于一套模块规范，它主要用来处理 CommonJS、AMD、CMD 的差异兼容，是模块代码能在前面不同的模块环境下都能正常运行。随着 Node.js 的流行，前端和后端都可以基于 JavaScript 来进行开发，这个时候或多
vite项目报错：在没有 “node“ 模块解析策略的情况下，无法指定选项 “-resolveJsonModule“。
o0way0o的博客
11-10 1880
vite搭建react项目，在tsconfig.json文件报错在没有 “node” 模块解析策略的情况下，无法指定选项 “-resolveJsonModule”。
紧急避坑！TypeScript项目升级ES模块后必做的5项配置调整
最新发布
SimCompile的博客
10-22 1116
解决ES模块迁移难题，本文详解TypeScript项目升级后必做的5项关键配置调整，涵盖tsconfig设置、模块解析、打包兼容等场景。掌握正确TypeScript ES模块配置方法，避免常见错误，提升项目稳定性，值得收藏。
深入解析 TypeScript 核心配置文件 tsconfig.json
qq_39842184的博客
03-28 1288
是 TypeScript 项目的中枢神经系统，它是 TypeScript 编译器的配置文件，决定了整个项目的编译规则、模块解析方式和类型检查策略。这个 JSON 文件通常位于项目根目录，是 TypeScript 工程化开发的基石。一个优秀的 tsconfig.json 应该：✅ 明确项目类型和运行环境✅ 平衡严格性与开发效率✅ 良好的可维护性和扩展性✅ 与工程化工具链深度集成推荐检查清单是否开启了严格模式？路径别名是否合理配置？输出目录是否独立？是否包含必要的库声明？
ts项目报错：在没有 “node“ 模块解析策略的情况下，无法指定选项 “-resolveJsonModule“
sqf251877543的博客
02-20 674
将vscode升级到最新版即可。
tsconfig.json详细配置
热门推荐
菠萝蜜
12-03 1万+
tsconfig.json详细配置
typeScript（十一）模块解析策略与命名空间
陈小陈的博客
01-06 4999
模块解析策略 文章目录模块解析策略什么是模块解析相对与非相对模块导入相对导入非相对导入模块解析策略--moduleResolution 选项Classic 模块解析策略相对导入非相对导入Node 模块解析策略相对导入非相对导入TypeScript 模块解析策略 什么是模块解析 模块解析是指编译器在查找导入模块内容时所遵循的流程。 相对与非相对模块导入 根据模块引用是相对的还是非相对的，模块导入会以不同的方式解析。 相对导入 相对导入是以 /、./ 或 ../ 开头的引用 // 导入根目录下的 m1 模块文件
Cannot find module ‘./data.json‘. Consider using ‘--resolveJsonModule‘ to import module with ‘.json‘
weixin_64974855的博客
08-07 1772
就能解决 ts 文件不能导入 json 文件问题。只要在 tsconfig.json 配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值