integrating the discord api into Angular

So I recently (yesterday) found this npm package for discord: https://discord.js.org/#/, I run npm install on it and it installs correctly. However it does not seem to recognise any of the classes made by the library. I have the library listed in my package.json but I cannot find the way to get it to work…

import { Component, OnInit } from '@angular/core';
import * as Discord from 'discord.js'

@Component({
  selector: 'app-discord',
  templateUrl: './discord.component.html',
  styleUrls: ['./discord.component.scss']
})
export class DiscordComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    console.log(new Discord.Client())
  }

}

The errors this is throwing all seem to refer to missing dependencies in my project, but some of them seem to be NodeJS which is confusing me. I will post the code on hatebin for brevity, as it would clutter my post up quite a bit. https://hatebin.com/spiirlcopq

My question is, can I use this api in the front-end? or do I need a different api? There is a webpack version but I have yet to find how I can add a webpack to my code and have a tangible intellisense.

Edit: my VSCode does register the package because my intelissense is understanding what I am trying to do and typing the Discord classname gives me access to those classes, but for some reason they won’t load.

Source: New feed
Source Url integrating the discord api into Angular