amplitude is not defined

[kunjan97]

I have use amplitude-js in angular ssr but it gives me error like this

amplitude is not defined

If have any suggestion Please help me out.

[kevinpagtakhan]

Hi @kunjan97, thanks for submitting an issue. Can you provide a code snippet so we can assess this issue further?

[kunjan97]

In Index.html

<script src="./assets/js/amplitude.js"></script>

I have Loaded Amplitude-js like this.

And I have use Amplitude service for log event and user property events

import { Injectable } from '@angular/core';
import { environment } from 'src/environments/environment';
declare var amplitude;

@Injectable({
providedIn: 'root'
})
export class AmplitudeService {

constructor() {
this.initAmplitude();
}

public initAmplitude() {
amplitude.getInstance().init(environment.amplitudeAPIKey, null, {
saveEvents: true,
includeUtm: true,
includeReferrer: true,
deviceIdFromUrlParam: true
});
}

public logEvent(eventName, eventValue) {
amplitude.getInstance().logEvent(eventName, eventValue);
return this;
}

public setAmplitudeUserId(userId) {
amplitude.getInstance().setUserId(userId);
}

public setUserProperties(user) {
amplitude.getInstance().setUserProperties(user);
return this;
}
}

[dnshi]

Hey @kunjan97, you mentioned this is angular SSR. Does AmplitudeService run on the sever-side? If so, <script src="./assets/js/amplitude.js"></script> does not work on the server-side in this case.

[eksant]

Hi All,
Any solution for this issue ?