Importing tracking.js into an angular project

Question

1. I have downloaded tracking.js and added it to my /src/assets folder

2. In my angular-cli.json file I have added to my scripts:

"scripts": [ "../src/assets/tracking/build/tracking-min.js" ],

3. issue here - In my angular component, I import tracking as follows:

import tracking from 'tracking';

and in the chrome inspection window I can hover over 'tracking' and see all of the properties as shown:

I can even call the ColorImage constructor in the console window! :

However when it tries to execute the constructor in my code I get the error about tracking being undefined:

I had assumed it was because I wasn't passing in the tracking object through the constructor in the traditional DI fashion, but when doing so I got the error that the namespace couldn't be used as a type:

The only other thing I could think of was to try and add the external reference in the main index.html file, but I got an error about strict MIME checking.

To clarify: this is all happening in my angular component constructor (when the tracking methods get exercised)

Any ideas?

Answer 1

go to your node_modules folder and find this file : "node_modules/tracking/build/tracking.js" . open the file and add this line of code to end of the file :

module.exports = window.tracking

save file and in use this code to import it :

import * as tracking from 'tracking';