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


Posted in Javascript onJuly 25, 2017

前言

Typescript是微软内部出品的,用actionscript的语法在写js的一门新语言,最近 TypeScript 中毒,想想我一个弱类型出身的人,怎么就喜欢上了类型约束……当然这不是重点,重点可能还是 JS 没有接口,我没法靠 class 语法糖写的非常 OO……下面这篇文章想说的其实是在 ts 中如何正确的 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,这也是一个比较好的方法。

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

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
Extjs学习笔记之三 extjs form更多的表单项
Jan 07 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
分享一个常用的javascript静态类
Dec 31 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
全面解析Bootstrap表单样式的使用
Sep 09 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
浅谈JavaScript find 方法不支持IE的问题
Sep 28 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
小程序实现页面顶部选项卡效果
Nov 06 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 Javascript
vue实现图片上传功能
May 28 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 #Javascript
利用node.js爬取指定排名网站的JS引用库详解
Jul 25 #Javascript
详解angularjs获取元素以及angular.element()用法
Jul 25 #Javascript
以BootStrap Tab为例写一个前端组件
Jul 25 #Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
Jul 25 #Javascript
js事件委托和事件代理案例分享
Jul 25 #Javascript
基于JavaScript实现多级菜单效果
Jul 25 #Javascript
You might like
php在多维数组中根据键名快速查询其父键以及父键值的代码
2011/05/07 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
PHP实现验证码校验功能
2017/11/16 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
PHP xpath提取网页数据内容代码解析
2020/07/16 PHP
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
Node.js使用MySQL连接池的方法实例
2018/02/11 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
python实现删除文件与目录的方法
2014/11/10 Python
Python判断操作系统类型代码分享
2014/11/22 Python
Python中的元类编程入门指引
2015/04/15 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
美国在线咖啡、茶和餐厅供应商:LollicupStore
2018/05/04 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
2014年小学植树节活动方案
2014/03/02 职场文书
致共产党员倡议书
2014/04/16 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python