在 angular2 中读取 json 文件时出错

Question

我正尝试在我的 angular2 服务中读取 config.json 文件，如下所示-

load() {
    return new Promise((resolve, reject) => {
        this.http.get('./config.json')
            .map(res => res.json())
            .subscribe((env_data) => {
                console.log('env_data: ' + env_data);
                this._env = env_data;
                });
}

这基本上包含应用程序配置设置的键值对列表。我的 config.json 文件的结构是这样的-

{
  "env": "development"
}

但是，在调用 angular2 服务的加载方法时，我收到以下错误-

core.umd.js:3462 EXCEPTION: Unexpected token < in JSON at position 0ErrorHandler.handleError @ core.umd.js:3462next @ core.umd.js:6924schedulerFn @ core.umd.js:6172SafeSubscriber.__tryOrUnsub @ Subscriber.ts:238SafeSubscriber.next @ Subscriber.ts:190Subscriber._next @ Subscriber.ts:135Subscriber.next @ Subscriber.ts:95Subject.next @ Subject.ts:61EventEmitter.emit @ core.umd.js:6164onError @ core.umd.js:6388onHandleError @ core.umd.js:6263ZoneDelegate.handleError @ zone.js:236Zone.runTask @ zone.js:157ZoneTask.invoke @ zone.js:335
core.umd.js:3467 ORIGINAL STACKTRACE:ErrorHandler.handleError @ core.umd.js:3467next @ core.umd.js:6924schedulerFn @ core.umd.js:6172SafeSubscriber.__tryOrUnsub @ Subscriber.ts:238SafeSubscriber.next @ Subscriber.ts:190Subscriber._next @ Subscriber.ts:135Subscriber.next @ Subscriber.ts:95Subject.next @ Subject.ts:61EventEmitter.emit @ core.umd.js:6164onError @ core.umd.js:6388onHandleError @ core.umd.js:6263ZoneDelegate.handleError @ zone.js:236Zone.runTask @ zone.js:157ZoneTask.invoke @ zone.js:335
core.umd.js:3468 SyntaxError: Unexpected token < in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.Json.parse (http.umd.js:188)
    at Response.Body.json (http.umd.js:1166)
    at MapSubscriber.eval [as project] (config.service.ts:18)
    at MapSubscriber._next (map.ts:79)
    at MapSubscriber.Subscriber.next (Subscriber.ts:95)
    at XMLHttpRequest.onLoad (http.umd.js:1497)
    at ZoneDelegate.invokeTask (zone.js:265)
    at Object.onInvokeTask (core.umd.js:6233)
    at ZoneDelegate.invokeTask (zone.js:264)ErrorHandler.handleError @ core.umd.js:3468next @ core.umd.js:6924schedulerFn @ core.umd.js:6172SafeSubscriber.__tryOrUnsub @ Subscriber.ts:238SafeSubscriber.next @ Subscriber.ts:190Subscriber._next @ Subscriber.ts:135Subscriber.next @ Subscriber.ts:95Subject.next @ Subject.ts:61EventEmitter.emit @ core.umd.js:6164onError @ core.umd.js:6388onHandleError @ core.umd.js:6263ZoneDelegate.handleError @ zone.js:236Zone.runTask @ zone.js:157ZoneTask.invoke @ zone.js:335
Subscriber.ts:241 Uncaught SyntaxError: Unexpected token < in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.Json.parse (http://localhost:61007/js/@angular/http/bundles/http.umd.js:188:58)
    at Response.Body.json (http://localhost:61007/js/@angular/http/bundles/http.umd.js:1166:29)
    at MapSubscriber.eval [as project] (http://localhost:61007/app/Shared/Config/config.service.js:22:50)
    at MapSubscriber._next (http://localhost:61007/js/rxjs/operator/map.js:77:35)
    at MapSubscriber.Subscriber.next (http://localhost:61007/js/rxjs/Subscriber.js:89:18)
    at XMLHttpRequest.onLoad (http://localhost:61007/js/@angular/http/bundles/http.umd.js:1497:42)
    at ZoneDelegate.invokeTask (http://localhost:61007/js/zone.js:265:35)
    at Object.onInvokeTask (http://localhost:61007/js/@angular/core/bundles/core.umd.js:6233:41)
    at ZoneDelegate.invokeTask (http://localhost:61007/js/zone.js:264:40)

请建议我如何避免此错误并从 json 文件中读取键值对。

我在 VS2015 中使用 Angular2 Final 2.0.0 IDE。

Answer 1

检查您的网络面板，您确实收到了 JSON，因为

Unexpected token < in JSON at position 0

提示响应是一个 HTML 页面，可能是 404 存根。

在 angular2 中读取 json 文件时出错

Error occuring while reading json file in angular2

angular

angular2-services