在Angular 5中，resolveJsonModule和esModuleInterop是ES2015模块系统的两个新选项。这些选项在tsconfig.json文件中设置。

要解决该错误，需要将这两个选项添加到tsconfig.json文件中。以下是解决方法的代码示例：

1. 打开项目的根目录，并找到tsconfig.json文件。
2. 在tsconfig.json文件中找到compilerOptions对象。
3. 将resolveJsonModule和esModuleInterop选项添加到compilerOptions对象中，如下所示：

"compilerOptions": {
  "resolveJsonModule": true,
  "esModuleInterop": true,
  // 其他选项...
}

4. 保存tsconfig.json文件后，重新启动Angular应用程序。

完成上述步骤后，应该能够成功读取本地.json文件。

以下是一个使用该功能的示例代码：

1. 创建一个名为data.json的.json文件，其中包含以下内容：

{
  "name": "John Doe",
  "age": 30,
  "email": "john@example.com"
}

2. 创建一个名为data.service.ts的服务文件，并添加以下代码：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class DataService {
  constructor(private http: HttpClient) {}

  getData() {
    return this.http.get('assets/data.json');
  }
}

3. 在需要使用该服务的组件中导入并使用DataService，如下所示：

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-root',
  template: `
    

      
Data:
      
{{ data | json }}
    
  `
})
export class AppComponent {
  data: any;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getData().subscribe((data) => {
      this.data = data;
    });
  }
}

通过执行以上步骤，你应该能够成功读取并显示从本地.json文件中获取的数据。