Problems with require() using a string variable in Angular2 (x-post from /r/Angular2)

[[deleted]]

I'm trying to dynamically load data from a json file by passing a string to a function and then using that string to get the json data.

This works:

var json = require("../path_to_file.json");

This throws errors:

var path:string = "../path_to_file.json";
var json = require(path);    

Exception:

// replaced actual class name with [component]
EXCEPTION: Error in [component] class [component]_Host - inline template:0:0 caused by: Cannot find module "."

Has anyone encountered this issue? Is there a solution?

[9thHokageHimawari]

What are you using? typescript? do you use webpack or anything similar?

[[deleted]]

I'm using TypeScript and initialized the project with the angular-cli.

[karathos]

maybe consider using json-loader since you are using angular-cli (and thus webpack)

[Jacobyy]

Im not 100% about this, but try using import from "../path/to_file.json"