javascript - 在本地项目文件夹中加载 JSON 时离线使用 angular 2 http

Question

我一直在尝试使用 http get 方法加载我的 Angular 2 项目文件夹中存在的本地 json 文件。查看以下示例代码片段:

private _productURL = 'api/products/products.json';    
getProducts(): Observable<any> {
        return this._http.get(this._productURL).map((response : Response) => <IProduct[]> response.json())
        .do(data =>console.log(JSON.stringify(data))).catch(this.handleError);
    }

现在，当我尝试在连接互联网的情况下加载它时，它正在运行。但是，当我从浏览器开发人员选项(https://developers.google.com/web/tools/chrome-devtools/network-performance/reference#offline)打开离线复选框时，json 再次停止加载。它开始在控制台中向我显示有关无互联网连接的错误，并且不加载任何内容。

还有其他方法吗？或使用 http get..该怎么做？

Answer 1

如果你这样做，你可以导入一个json文件:

创建一个 json-typings.d.ts 文件:

declare module "*.json" {
    const value: any;
    export default value;
}

这是一个wildcard module definition这允许我们在这种情况下导入非 javascript 文件 JSON 文件。

您现在应该能够将 json 文件导入到您的项目中:

import * as products from "./products.json";