TypeScript中如何实现importJSON-创新互联

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

首先我使用了基本姿势

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”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。