I'm currently working on setting up different paths for staging and production environments in my Angular project, following the documentation provided here. I have a relative path that works perfectly fine when hardcoded like this:
import json_data from '../../folder/file.json'console.log(environment.path), it doesn't work as expected.
I've attempted various solutions such as using .toString() and interpolation with backticks like ${environment.path}. I also tried escaping single quotes around the path like '../../folder/file.json'.
Another approach I experimented with was declaring the variable as a String type explicitly like
const url: String = environment.pathEnvironment Configuration (environment.ts)
export const environment = {
production: false,
all_hosts_url: '\'../../nodeServer/s/output/hosts.json\'',
connections_url: '../assets/data/connections.json',
DOMAINS_URL: '../assets/data/domains.json'
};
Mock Data File Setup (mock-data.ts)
import { environment} from '../environments/environment';
const _all_hosts_url: String = environment.all_hosts_url;
console.log(_all_hosts_url);
import json_data from all_hosts_url;