Token, not defined. OOP JavaScript 4 in a row.

import Token from 'Token.js';
class Player {
    constructor(name, id, color, active = false){
        this.name = name;
        this.id = id;
        this.color = color;
        this.active = active;
        this.tokens = this.createTokens(21);
    }

    /**
      * Creates token objects for player
      * @param   {integer}   num - Number of token objects to be created
      * @return  {array}     tokens - an array of new token objects
    */
    createTokens(num){
        const tokens = [];

        for(let i = 0; i <num; i++){
            let token = new Token(i, this);
            tokens.push(token);
        }

        return tokens;
    }

    get unusedTokens(){
        return this.tokens.filter(token => !token.dropped);
    }

    get activeToken(){
        return this.unusedTokens[0];
    }
}

/*global $*/
class Token {
    constructor(owner, index){
        this.owner = owner;
        this.id = `token-${index}-${owner.id}`;
        this.dropped = false;
        this.columnLocation  = 0;
    }

    drawHTMLToken(){
        const div = document.createElement('div');
        document.getElementById('get-board-underlay').appendChild(div);
        div.setAttribute('id', this.id);
        div.setAttribute('class', 'token');
        div.style.backgroundColor = this.owner.color;

    }

    get HTMLToken(){
        return this.token;
    }

    get offsetLeft(){
        return this.htmlToken.offsetLeft;
    }

    /**
    *Moves Token one column to left
    *
    */
    moveLeft(){
        if(this.columnLocation > 0){
            this.htmlToken.style.left = this.offsetLeft - 76;
            this.columnLocation -= 1;
        }
    }

    /**
    *Moves Token one column to right
    *
    */
    moveRight(col){
        if(this.columnLocation < col -1){
            this.htmlToken.style.left = this.offsetLeft + 76;
            this.columnLocation += 1;
        }
    }

    /** 
     * Drops html token into targeted board space.
     * @param   {Object}   target - Targeted space for dropped token.
     * @param   {function} reset  - The reset function to call after the drop animation has completed.
     */
    drop(target, reset){
        this.dropped = true;
        $(this.htmlToken).animate({
            top: (target.y * target.diameter)
            }, 750, 'easeOutBounce', reset);
        }
}
export default Token