Uncaught (in promise) TypeError: Could not instantiate tag for 'login': Cannot read property 'on' of null

I am trying to implement Sign-In with linked in my web app. Getting error in browser console

Uncaught (in promise) TypeError: Could not instantiate tag for 'login': Cannot read property 'on' of null

Here is my code (https://developer.linkedin.com/docs/js-sdk/tutorials/getting-started):

<!-- 1. Include the LinkedIn JavaScript API and define a onLoad callback function -->
    <script type="text/javascript" src="https://platform.linkedin.com/in.js">
          api_key: 78is6yvweyla1k
          onLoad: onLinkedInLoad
          authorize: true
    </script>

    <script type="text/javascript">
        // 2. Runs when the JavaScript framework is loaded
        function onLinkedInLoad() {
            IN.Event.on(IN, "auth", onLinkedInAuth);
        }

        // 2. Runs when the viewer has authenticated
        function onLinkedInAuth() {
            IN.API.Profile("me").result(displayProfiles);
        }

        // 2. Runs when the Profile() API call returns successfully
        function displayProfiles(profiles) {
            member = profiles.values[0];
            document.getElementById("profiles").innerHTML =
                "<p id=\"" + member.id + "\">Hello " + member.firstName + " " + member.lastName + "</p>";
        }
    </script>

In body:

<script type="IN/Login"></script>