關(guān)于TypeScript中import JSON的正確姿勢(shì)詳解
前言
Typescript是微軟內(nèi)部出品的，用actionscript的語法在寫js的一門新語言，最近 TypeScript 中毒，想想我一個(gè)弱類型出身的人，怎么就喜歡上了類型約束……當(dāng)然這不是重點(diǎn)，重點(diǎn)可能還是 JS 沒有接口，我沒法靠 class 語法糖寫的非常 OO……下面這篇文章想說的其實(shí)是在 ts 中如何正確的 import json 格式。
首先我使用了基本姿勢(shì)
import * as variable from './fooooooo.json'
結(jié)果發(fā)現(xiàn)他提示我并沒有這個(gè) module（Cannot find module），咋回事呀大佬，明明 JavaScript 中我可以正常使用。
查了一下，找到了一個(gè)方法：
命名一個(gè) typings.d.ts：
declare module "*.json" {
const value: any;
export default value;
}
接下來理論上你就可以愉快的使用了，比如
import * as variable from './fooooooo.json' const data = (variable as any).data
當(dāng)然在使用中由于我不小心寫錯(cuò)了 config 文件的文件名所以沒有生效于是……我又去找了別的方法。
比如可以使用 @types/node 加上 require 引入，如果你的服務(wù)中禁用 any，這也是一個(gè)比較好的方法。
甚至你可以手寫讀取文件，不過感覺上去還是比較智障……還是覺得前面兩種方法更優(yōu)雅一點(diǎn)
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
cookie在javascript中的使用技巧以及隱私在服務(wù)器端的設(shè)置
cookie在javascript中的使用技巧，需要的朋友可以參考下2012-12-12
layui+ssm實(shí)現(xiàn)數(shù)據(jù)批量刪除功能
本篇文章給大家介紹layui+ssm實(shí)現(xiàn)數(shù)據(jù)批量刪除功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
class是es6引入的最重要特性之一。在沒有class之前，我們只能通過原型鏈來模擬類。這篇文章我們將詳細(xì)的介紹關(guān)于ES6中CLASS的使用，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-11-11
純js實(shí)現(xiàn)無限空間大小的本地存儲(chǔ)
這篇文章主要介紹了純js實(shí)現(xiàn)無限空間大小的本地存儲(chǔ)的功能，源碼和demo都放給大家，本文著重說下實(shí)現(xiàn)的原理，具體的實(shí)踐擴(kuò)展小伙伴們自由發(fā)揮吧。2015-06-06
js實(shí)現(xiàn)點(diǎn)擊切換checkbox背景圖片的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)點(diǎn)擊切換checkbox背景圖片的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
使用js原生實(shí)現(xiàn)年份輪播選擇效果實(shí)例
這篇文章主要給大家介紹了關(guān)于如何使用js原生實(shí)現(xiàn)年份輪播選擇效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了Bootstrap表格和柵格分頁的相關(guān)資料,具有參考借鑒價(jià)值，特此分享到腳本之家平臺(tái)供大家參考，需要的朋友可以參考下2016-05-05
原生JS實(shí)現(xiàn)圖片輪播 JS實(shí)現(xiàn)小廣告插件
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)圖片輪播、小廣告插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
javascript模擬評(píng)分控件實(shí)現(xiàn)方法
這篇文章主要介紹了javascript模擬評(píng)分控件實(shí)現(xiàn)方法,涉及javascript操作頁面元素與樣式的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JavaScript的類型轉(zhuǎn)換(字符轉(zhuǎn)數(shù)字 數(shù)字轉(zhuǎn)字符)
不能把JavaScript中的類型轉(zhuǎn)換看作為強(qiáng)制類型轉(zhuǎn)換。2010-08-08