Importing json file in typescript 2.9.2 and Angular 6 app is not working

Question

I am running an Angular 6 app, with this version of typescript: "typescript": "~2.9.2"

I followed this answer to import json files in typescript 2.9.*, but it's not working.

Here is my tsconfig.json file:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "resolveJsonModule": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

And then my app.component.ts file where I'm importing it:

import * as config from '../../config.json';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent implements OnInit, OnDestroy {

But I'm getting the error:

error TS2497: Module '"C:/Users/..../config"' resolves to a non-module entity and cannot be imported using this construct.

I'm not familiar with Angular, but did you try import config from '../../config.json'; ? — Striped
– Striped, Commented Apr 9, 2019 at 20:42
There is a diffenrence, the "esModuleInterop": true within the tsconfig.json file which allow default imports from modules with no default export. — Striped
– Striped, Commented Apr 9, 2019 at 20:47

bluebit · Accepted Answer · 2019-08-08 11:04:10Z

4

I used "allowSyntheticDefaultImports": true to make this work and import version from './package.json'. According to the docs synthetic imports allow default imports from modules with no default export. This does not affect code emit, just typechecking. Using this, I no longer had the error you mentioned.

answered Aug 8, 2019 at 11:04

bluebit

831 silver badge8 bronze badges

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

Collectives™ on Stack Overflow

Importing json file in typescript 2.9.2 and Angular 6 app is not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related