无法读取 aurelia Project 文件夹中的静态 json 文件数据，Compiler Typescript答案

【问题标题】：Unable to read static json file data in the aurelia Project folder, Compiler Typescript无法读取 aurelia Project 文件夹中的静态 json 文件数据，Compiler Typescript
【发布时间】：2019-04-20 04:29:22
【问题描述】：

我正在使用 TypeScript 作为 Aurelia Project 的编译器。尝试加载 '项目文件夹下的.json静态文件'

我收到以下错误 404 状态未找到。尝试将json文件放在SRC文件夹内外，但无法加载Json文件。

如果我错过了任何设置配置，请指导我。这是代码和 Json 数据和错误

【问题讨论】：

标签： json typescript webpack aurelia

【解决方案1】：

除非你的 webpack 中有任务将文件复制到 dist 文件夹，否则你通常不会获取这样的静态 json。您使用 aurelia cli au run 命令运行的 webpack 开发服务器不知道该文件，除非您复制它或在某处导入 json。如果 tsconfig.json 文件中有 resolveJsonModule: true，则 typescript 从 typescript 2.9 开始支持 json 导入。这意味着您只需要从 '.\JsonRead.ts' 导入 json。

【讨论】：

【解决方案2】：

在这种情况下，由于文件直接在项目中，您根本不需要 HttpClient。直接导入文件即可。

import jsonRead from "./JsonRead.json";

export class App {
  message = 'Hello World';

  bind(){
    const json = JSON.stringify(jsonRead);
    console.log(json);
  }
}

记得在 tsconfig.json 文件中启用 "resolveJsonModule": true 才能正常工作。

如果你想使用 HttpClient，你的 json 文件需要在 static 文件夹中，以便 webpack 将其打包为公共文件。

【讨论】：