TypeScript中如何实现importJSON

这篇文章给大家分享的是有关TypeScript中如何实现import JSON的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联是一家专业提供临河企业网站建设,专注与成都做网站、成都网站制作、H5技术、小程序制作等业务。10年已为临河众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

首先我使用了基本姿势

import * as variable from './fooooooo.json'

结果发现他提示我并没有这个 module（Cannot find module），咋回事呀大佬，明明 JavaScript 中我可以正常使用。

查了一下，找到了一个方法：

命名一个 typings.d.ts：

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

接下来理论上你就可以愉快的使用了，比如

import * as variable from './fooooooo.json'
const data = (variable as any).data

当然在使用中由于我不小心写错了 config 文件的文件名所以没有生效于是……我又去找了别的方法。

比如可以使用 @types/node 加上 require 引入，如果你的服务中禁用 any，这也是一个比较好的方法。

甚至你可以手写读取文件，不过感觉上去还是比较智障……还是觉得前面两种方法更优雅一点

感谢各位的阅读！关于“TypeScript中如何实现import JSON”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！