文章/答案/技术大牛

发布

社区首页 >问答首页 >导入类型记录角5中的json文件

问导入类型记录角5中的json文件
EN

Stack Overflow用户

提问于 2018-07-26 14:36:51

回答 1查看 6.7K关注 0票数 3

我正试图像这样在类型记录类中导入json文件。

import * as nationalities from './mock/nationalities.json';

它给了我一个错误

无法找到模块'./mock/nationalities.json‘。

为了解决这个问题，我加入了

declare module '*.json' {
  const value: any;
  export default value;
}

但是它不能解决我的问题，也给出了另一个错误异常

在增强中无效的模块名，无法找到模块'*.json‘。

我的打字本

2.9.2

angular

typescript

ionic2

ionic3

angular5

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-26 14:43:23

基于这个post，以下是角6+的完整答案：

假设您将json文件添加到"json-dir“目录中：

在angular.json文件中添加“json”： “资产”："src/assets"，"src/json-dir“
允许导入json模块以防止类型记录错误：角6:加入typings.d.ts 声明模块"*.json“{ const值: any；导出默认值；} 角7+：添加到tsconfig.json中 "compilerOptions"：{。"resolveJsonModule"：真}
从控制器、服务或其他任何东西中，只需使用绝对路径从/src目录导入文件即可。例如： import * as myJson from 'absolute/path/to/json/dir/json-file.json';

假设源文件在src/app中，json文件在src/absolute/path/to/json/dir中

票数 12

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51541468

复制

相似问题

问导入类型记录角5中的json文件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问导入类型记录角5中的json文件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问导入类型记录角5中的json文件
EN