关于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 相关文章推荐
jquery限制输入字数,并提示剩余字数实现代码
Dec 24 Javascript
动态添加删除表格行的js实现代码
Feb 28 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
jQuery加载及解析XML文件的方法实例分析
Jan 22 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
JavaScript中while循环的基础使用教程
Aug 11 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 Vue.js
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 Vue.js
微信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处理密码的几种方式
2016/11/30 PHP
php文件管理基本功能简单操作
2017/01/16 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
PHP中常用的魔术方法
2017/04/28 PHP
基于JQUERY的多级联动代码
2012/01/24 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
Linux下为不同版本python安装第三方库
2016/08/31 Python
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
10张动图学会python循环与递归问题
2021/02/06 Python
CSS3制作酷炫的条纹背景
2017/11/09 HTML / CSS
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
Java基础知识面试题
2014/03/25 面试题
物流管理专业求职信
2014/05/29 职场文书
绿色出行口号
2014/06/18 职场文书
化工实习心得体会
2014/09/09 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
求职简历自我评价范文
2015/03/10 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
社区服务活动感想
2015/08/11 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
MySQL基础(二)
2021/04/05 MySQL
关于PostgreSQL JSONB的匹配和交集问题
2021/09/14 PostgreSQL
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技
详解MySQL的内连接和外连接
2023/05/08 MySQL