时间戳

首页 > 解决方案 > 无法读取 aurelia Project 文件夹中的静态 json 文件数据，Compiler Typescript

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

问题描述

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

我收到以下错误 404 status not found。试图将 json 文件放在 SRC 文件夹的内部和外部，但无法加载 Json 文件。

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

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

标签： jsontypescriptwebpackaurelia

解决方案

在这种情况下，由于文件直接在项目中，您根本不需要 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 文件需要放在静态文件夹中，以便 webpack 将其打包为公共文件。

推荐阅读