Ionic serve could not start how do i solve the problem

Ionic Framework ionic-v3
1

Unable to parse Ionic Config file. Please make sure it is valid JSON (.ionic/ionic.config)
Caught exception:
SyntaxError: Unexpected token in JSON at position 0
at Object.parse (native)
at Object.load (C:\Users\phil\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\lib\config.js:14:26)
at Object. (C:\Users\phil\AppData\Roaming\npm\node_modules\ionic\lib\utils\stats.js:31:31)
at Module._compile (module.js:570:32)
at Object.Module._extensions…js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)

Mind letting us know? https://github.com/driftyco/ionic-cli/issues

2

Post your output of ionic info please. Thanks.

One possible solution: http://stackoverflow.com/questions/40776922/unable-to-parse-ionic-config-file-please-make-sure-it-is-valid-json/40805175#40805175

3

i resolved the issue thanks. now in ionic 2 in case i want a constant baseurl where do i place. ionic

4

Are you trying to use your constant baseurl everywhere in your app? If so, create a provider and inject wherever you need it.

5

exactly that what i want

6

How did you solve the problem? Please post a bit of information so that future users having the same problem may not only find the problem but also a solution by googling. Thanks.

1 Like
7

deleted the file located at C:\Users\phil.ionic\ionic.config the i run ionic serve .it will be re-created again

1 Like
8

If you want to use a global constant a use it every where in the app. for my projet I’ve created a static class name constant see below

export  class GlobalsConstants{
    static urlServer:string = "myBaseUrl";
  };

  constructor(){}
}

whenever I need my base Url I just call my class.

9

Thank you. but i have created a provider and it was working just okay, i was thinking there is a more simpler way to solve it.
import { Injectable } from ‘@angular/core’;
import {Http, Headers} from ‘@angular/http’;
import ‘rxjs/add/operator/map’;

/*
Generated class for the MyService provider.

See https://angular.io/docs/ts/latest/guide/dependency-injection.html
for more info o n providers and Angular 2 DI.
*/
@Injectable()

export class SettingService {
http:any;
baseUrl: String;

constructor() {
	
	this.baseUrl="https://example.com/api";
	
}

}
then i inject it to the ts that i wish to use baseurl

10

I thinks the simplest way is what I just wrote above. a static class which embedded all your constant. no need to inject it. kiss (keep it simple and stupid) :slight_smile:

11

I access it like like this.myproviderService.baseUrl any where

12

gonna try that but either way it works:thumbsup:

13

Angular 2’s Opaque Token’s were designed exactly for this. To have an app config (which you can provide a base URL) which can be injected anywhere.

14

Thx this is interesting. Learning something new every day.