Error encountered during compilation while attempting to import a JSON file in Angular 7

Question

One great aspect of angular 7 is its compatibility with typescript 3.1:

I have made the following changes to the tsconfig.json file, within the 'compilerOptions' section:

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

Everything seems to be working well - I am able to iterate over my json file smoothly.

However, I'm encountering a "TS2307: Cannot find module" error in my IDE:

I have attempted to adjust the import syntax based on recommendations from: Importing json file in TypeScript

Unfortunately, these attempts have been unsuccessful.

Any suggestions?

Edit: I am using Webstorm as my IDE.

Answer 1

Answer №1

Did you forget to mention the IDE you are using? I personally use VSCode and encountered a similar issue, which I resolved by including this snippet:

"angularCompilerOptions": {
"annotateForClosureCompiler": false  
}

In the file src/tsconfig.app.json

This simple addition helped me eliminate importing problems related to .json files in my IDE. Here's a helpful tip:

import { default as awsData } from `....`

By following this approach, you can avoid having the import added as a default property in the JSON object that is returned.

Answer 2

Did you forget to mention the IDE you are using? I personally use VSCode and encountered a similar issue, which I resolved by including this snippet:

"angularCompilerOptions": {
"annotateForClosureCompiler": false  
}

In the file src/tsconfig.app.json

This simple addition helped me eliminate importing problems related to .json files in my IDE. Here's a helpful tip:

import { default as awsData } from `....`

By following this approach, you can avoid having the import added as a default property in the JSON object that is returned.

Answer 3

If you encounter issues with JSON module resolution, try restarting the IDE after enabling "resolveJsonModule": true.

Answer 4

If you encounter issues with JSON module resolution, try restarting the IDE after enabling "resolveJsonModule": true.