Cannot find module './students.json'. Consider using '--resolveJsonModule' to import module with '.json' extension

Question

I'm facing these issues in angular 12 version, I'm unable to connect the JSON file

Should this be tagged [angular] instead of [angularjs] since it isn't AnglarJS 1.x related? — Jerry Jeremiah
– Jerry Jeremiah, Commented Jul 12, 2021 at 3:09

Zam Abdul Vahid · Accepted Answer · 2021-05-22 16:23:22Z

52

Place the below setting into compilerOptions of tsconfig.json. See the example here

"resolveJsonModule": true,
"esModuleInterop": true,

answered May 22, 2021 at 16:23

Zam Abdul Vahid

2,7313 gold badges22 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Audiopolis Over a year ago

Still getting the same error, even with this in both tsconfig.json and tsconfig.vite.json, using Vite.

Abdul Rauf Bughio · Accepted Answer · 2023-01-06 16:39:49Z

4

create a file named "json-typings.d.ts" in your app directory and paste the code below.

declare module "*.json" {
    const value: any;
    export default value;
}

answered Jan 6, 2023 at 16:39

Abdul Rauf Bughio

412 bronze badges

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Cannot find module './students.json'. Consider using '--resolveJsonModule' to import module with '.json' extension

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related