Cannot find module './data.json'. in Angular

Viewed 222

I added a file students.json in the folder src/app.

In the file app.component.ts, I have an error message

Cannot find module './students.json'.

Here is the code:

import { Component } from '@angular/core';
import studentsData from './students.json';
  
interface Student {
    id: Number;
    name: String;
    email: String;
    gender: String;
}
  
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
  
  students: Student[] = studentsData;
}

We agree that the patch is correct?

The problem is perhaps in the tsconfig.json ?

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "module": "es2020",
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false
  }
}

https://stackblitz.com/

1 Answers
Related