Importing json file in TypeScript

Question

I have a JSON file that looks like following:
{

“primaryBright”: “#2DC6FB”,
“primaryMain”: “#05B4F0”,
“primaryDarker”: “#04A1D7”,
“primaryDarkest”: “#048FBE”,

“secondaryBright”: “#4CD2C0”,
“secondaryMain”: “#00BFA5”,
“secondaryDarker”: “#009884”,
“secondaryDarkest”: “#007F6E”,

“tertiaryMain”: “#FA555A”,
“tertiaryDarker”: “#F93C42”,
“tertiaryDarkest”: “#F9232A”,

“darkGrey”: “#333333”,
“lightGrey”: “#777777”
}
I’m trying to import it into a .tsx file. For this I added this to the type definition:
declare module “*.json” {
const value: any;
export default value;
}
And I’m importing it like this.
import colors = require(‘../colors.json’)
And in the file, I use the color primaryMain as colors.primaryMain. However I get an error:
Property ‘primaryMain’ does not exist on type ‘typeof “*.json”

0
ajeetsinghaassak@gmail.com 3 weeks 0 Answers 20 views 0

Leave an answer

Browse
Browse