I have created a standard Angular 2 App using angular-cli.
Now, I am trying to incorporate a custom .js file into it. Here is a simplified version of what the file looks like:
'use strict';
var testingThing = testingThing || {};
testingThing.Client = function (name) {
var self = this;
console.log(name);
this.parseUri = function (str) {
console.log(str);
return str;
};
return this;
};
// Node environment module
if (typeof window === 'undefined') {
module.exports = testingThing;
}
I am having trouble integrating it into my TypeScript component.
I have attempted the following:
export class TestService {
something: any;
constructor() {
this.something = new testingThing.Client();
var huh = this.something.new("test name");
testingThing.parseUri("testParse");
}
}
I also tried to create typings for it:
declare namespace testingThing{
class Client {
new (name : string): /* testingThing.Client */ any;
}
function parseUri(str : any): any;
}
However, I keep getting errors in the console stating that testingThing is not defined.
Cannot read property 'Client' of undefined
When I attempted to import it, I received an error saying that testingThing is not a module.
I have already added myCustom.js to angular-cli.json
"scripts": [
"./myCustom.js"
],
I have tried various solutions from the internet, but none seem to work. I am at a loss as to what I might be doing wrong. Is it my usage, typing definitions, or something else entirely?
I hope the solution is straightforward for those more experienced in frontend programming because I am currently stuck.